# Hari 14: Deploy Server

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](https://remotemysql.com/), langsung daftar seperti gambar berikut.

![https://raw.githubusercontent.com/AsrulLove/img-db/master/register-mysql-online.png](https://raw.githubusercontent.com/AsrulLove/img-db/master/register-mysql-online.png)

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](http://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.

![https://raw.githubusercontent.com/AsrulLove/img-db/master/pma-online.png](https://raw.githubusercontent.com/AsrulLove/img-db/master/pma-online.png)

### Heroku

Download terlebih dahulu heroku, sesuaikan dengan OS yang Anda pakai, seperti gambar berikut.

![https://raw.githubusercontent.com/AsrulLove/img-db/master/heroku-install.png](https://raw.githubusercontent.com/AsrulLove/img-db/master/heroku-install.png)

Setelah download lakukan install, (contoh pada ubuntu)

![https://raw.githubusercontent.com/AsrulLove/img-db/master/install-heroku.png](https://raw.githubusercontent.com/AsrulLove/img-db/master/install-heroku.png)

Jika heroku berhasil diinstall maka tampilannya seperti berikut.

![https://raw.githubusercontent.com/AsrulLove/img-db/master/heroku-berhasil.png](https://raw.githubusercontent.com/AsrulLove/img-db/master/heroku-berhasil.png)

Maka proses selanjutnya silahkan login jika sudah memiliki akun heroku, jika belum silahkan daftar dahulu.

```
heroku login

```

![https://raw.githubusercontent.com/AsrulLove/img-db/master/login-done.png](https://raw.githubusercontent.com/AsrulLove/img-db/master/login-done.png)

Jika login berhasil, selanjutnya pada proyek lakukan perintah berikut.

``bash
heroku create

![https://raw.githubusercontent.com/AsrulLove/img-db/master/heroku-create.png](https://raw.githubusercontent.com/AsrulLove/img-db/master/heroku-create.png)

Jika heroku create telah berhasil, maka selanjutnya buat file baru dengan nama `procfile` yang isinya seperti berikut.

```bash

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.

![https://raw.githubusercontent.com/AsrulLove/img-db/master/node-start.png](https://raw.githubusercontent.com/AsrulLove/img-db/master/node-start.png)

```
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.

![https://raw.githubusercontent.com/AsrulLove/img-db/master/git-puh-heroku.png](https://raw.githubusercontent.com/AsrulLove/img-db/master/git-puh-heroku.png)

Jika sudah selesai, buka dengan cara perintah berikut.

```
heroku open

```

![https://raw.githubusercontent.com/AsrulLove/img-db/master/open-web.png](https://raw.githubusercontent.com/AsrulLove/img-db/master/open-web.png)

Selanjutnya yok uji coba pada insomia, jika berhasil artinya deploy kita sukses.

![https://raw.githubusercontent.com/AsrulLove/img-db/master/uji-online.png](https://raw.githubusercontent.com/AsrulLove/img-db/master/uji-online.png)