Fakultas Ilmu Komputer UI

Skip to content
Snippets Groups Projects
user avatar
FadhilP authored
8038ba9b
History

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

  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

    location /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.

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

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