Update Readme.md for production deployment

README.md

@@ -2,6 +2,8 @@
 
 Diskuy adalah sebuah aplikasi forum berbasis web. Thread-thread diskusi dengan topic yang bermacam-macam. Pengguna diwajibkan untuk mebuat akun apabila pengguna ingin mebuat topic, thread dan komen baru.
 
+
+
 ## Cara Menjalankan Aplikasi
 Untuk menjalankan aplikasi pada local server, perlu dilakukan langkah-langkah dibawah ini :
 
@@ -13,7 +15,62 @@ Untuk menjalankan aplikasi pada local server, perlu dilakukan langkah-langkah di
     
     3. Untuk melakukan register pengguna perlu dicatat panjang password minimal harus 8 huruf untuk dapat terdaftar
 
-## Authors
+## Cara Build Docker Image
+
+1. Aplikasi Ini menggunakan Oauth google sehingga membutuhkan variable client_id oauth google. Untuk membuat client oauth google dapat mengikuti tutorial berikut https://support.google.com/cloud/answer/6158849?hl=en. 
+
+2. Setelah membuat client oauth google, anda akan mendapatkan credentials client_id. client ID harap disimpan untuk langkah selanjutnya.
+
+3. Client id yang didapatkan akan menjadi nilai variabel ```REACT_APP_CLIENT_ID``` pada image ini. 
+
+4. Buka file ```nginx/default.conf``` dan perhatikan line berikut
+
+   ```shell
+   location /api/ {
+       proxy_pass 'http://app:4000/api/';
+      }    
+   ```
+
+   Ubah file tersebut sesuai dengan base_url dari api backend yang akan digunakan oleh aplikasi ini
+
+   Contoh template:
+
+   
+
+   ```shell
+   location /api/ {
+       proxy_pass 'http://<HOST>:<PORT>/api/';
+      }    
+   ```
+
+   bila menggunakan docker-compose dan server backend satu network dengan yang lain, Maka HOST akan menjadi nama container dan PORT akan menjadi PORT yang di-expose pada Backend server. 
+
+5. Build image dengan perintah berikut.
+
+   ```shell
+   docker build --build-arg REACT_APP_CLIENT_ID=17380499766-td9qokkgpli952576g7d8l2059a7pgbf.apps.googleusercontent.com -t diskuy_frontend .
+   ```
+
+   opsi ```--build-arg``` adalah opsi untuk memasukkan environment variable saat Build image.
+
+   
+
+   Notes:
+
+   Untuk Variabel ```REACT_APP_CLIENT_ID``` belum dapat di dilakukan akibat keterbatasan REACT.
+
+   URL API Backend server belum dapat dipasang secara runtime saat membuat container sehingga harus  dilakuakn secara manual.
+
+
+
+## Deploy Docker Image
+
+1. Jalankan perintah ``` docker-compose up``` di root project aplikasi ini
+
+
+
+
+
 Kelompok 18
 
   * Fadhil Pradipta - 1806205344