Tentang Aplikasi
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 :
1. Untuk menjalankan Aplikasi, jalankan perintah
npm i
npm run dev
2. Buka http://localhost:3000 , aplikasi sudah dapat digunakan.
3. Untuk melakukan register pengguna perlu dicatat panjang password minimal harus 8 huruf untuk dapat terdaftar
Cara Build Docker Image
-
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.
-
Setelah membuat client oauth google, anda akan mendapatkan credentials client_id. client ID harap disimpan untuk langkah selanjutnya.
-
Client id yang didapatkan akan menjadi nilai variabel
REACT_APP_CLIENT_ID
pada image ini. -
Buka file
nginx/default.conf
dan perhatikan line berikutlocation /api/ { proxy_pass 'http://diskuy-backend:4000/api/'; }
Ubah file tersebut sesuai dengan base_url dari api backend yang akan digunakan oleh aplikasi ini
Contoh template:
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.
-
Build image dengan perintah berikut.
docker build --build-arg REACT_APP_CLIENT_ID=<GOOGLE_OAUTH_CLIENT_ID> -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
- Jalankan perintah
docker-compose up
di root project aplikasi ini
Kelompok 18
- Fadhil Pradipta - 1806205344
- Jonathan - 1806204985
- Muhammad Rafif ELfazri- 1806205722
- Ryo Axton Lie - 1806205571
Acknowledgements
- CS UI - Functional Programming 2020