Saatnya kita awankan yang telah kita buat 1 minggu belakangan ini, sehingga ini berguna nanti untuk materi web react js dan mobile react native.
Mysql Online
Pertama kita butuh server database MySQL online. Setelah lelah mencari, saya temukan mysql free dan lumayan cocok untuk tahap belajar di https://remotemysql.com, langsung daftar seperti gambar berikut.
Setelah selesai daftar silahkan konfirmasi pendaftaran yang dikirimkan via email. Setelah selesai silahkan login untuk membuat database.
Create database dan sesuaikan config.json
pada proyek dengan yang didapatkan dari remotemysql.com. Ini gambar PHPmyadmin online.
{
"development": {
"username": "Z51nuZUx5o",
"password": "rahasia",
"database": "Z51nuZUx5o",
"host": "remotemysql.com",
"dialect": "mysql",
"port": 3306,
"operatorsAliases": false
},
"test": {
"username": "root",
"password": null,
"database": "database_test",
"host": "127.0.0.1",
"dialect": "mysql",
"operatorsAliases": false
},
"production": {
"username": "Z51nuZUx5o",
"password": "rahasia",
"database": "Z51nuZUx5o",
"host": "remotemysql.com",
"dialect": "mysql",
"port": 3306,
"operatorsAliases": false
}
}
Lakukan migrate seperti sebelumnya.
sequelize db:migrate
Sehingga hasilnya seperti berikut.
Heroku
Download terlebih dahulu heroku, sesuaikan dengan OS yang Anda pakai, seperti gambar berikut.
Setelah download lakukan install, (contoh pada ubuntu)
Jika heroku berhasil diinstall maka tampilannya seperti berikut.
Maka proses selanjutnya silahkan login jika sudah memiliki akun heroku, jika belum silahkan daftar dahulu.
heroku login
Jika login berhasil, selanjutnya pada proyek lakukan perintah berikut.
``bash heroku create
Jika heroku create telah berhasil, maka selanjutnya buat file baru dengan nama procfile
yang isinya seperti berikut.
web: node index.js
File tersebut digunakan oleh heroku untuk menjalankan file server.
Install cors dengan cara.
npm i cors
Lakukan sedikit modifikasi pada file index.js
dengan menginstall cors sebagai middleware yang memperbolehkan diakses dengan beda alamat host dan tambahkan juga port.
const express = require("express");
const app = express();
const router = require("./routes/router.js");
const port = process.env.PORT || 5000;
const cors = require("cors");
app.use(cors());
app.use(express.urlencoded({ extended: true }));
app.use("/", router);
app.listen(port, function () {
console.log(`Server running on <http://localhost>:${port}`);
});
module.exports = app;
Tambahkan file .gitignore
untuk membatasi upload file git ke heroku, disini kita butuh mengignore folder node_modules
sehingga isi file .gitignore
sebagai berikut
Ubah juga file package.jso dengan menambahkan script start, perhatikan gambar berikut.
node_modules
Kemudian gunakan git untuk deploy dengan cara, berikut.
git init
Buka heroku secara online dan cek git yang diberikan oleh heroku, lalu pada terminal lakukan perintah remote git tersebut.
Contoh pada saya, ini sesuaikan dengan milik Anda.
heroku git:remote -a warm-refuge-26108
git add .
git commit -m "Deploy dengan bismillah"
git push heroku master
Tunggu proses sebentar hingga deploy selesai, perhatikan gambar.
Jika sudah selesai, buka dengan cara perintah berikut.
heroku open
Selanjutnya yok uji coba pada insomia, jika berhasil artinya deploy kita sukses.