Guest-App

Guest-App adalah proyek frontend yang menggunakan ExampleTemplate-Frontend sebagai template dasar. Proyek ini dimaksudkan sebagai contoh cara membuat aplikasi microfrontend. Untuk memulai proyek baru, harap ikuti langkah-langkah di bawah ini.

Introduction

TODO: Jelaskan secara singkat tentang Guest-App, termasuk fungsionalitas utama dan tujuan dari proyek ini.

Clone Repository

Untuk memulai dengan ExampleTemplate-Frontend, kamu perlu meng-clone repository dari Azure DevOps. Gunakan perintah berikut di terminal:

git clone https://[email protected]/Praisindo/Microservices/_git/ExampleTemplate-Frontend

Setelah clone selesai, ganti nama direktori yang di-clone sesuai dengan nama proyek baru kamu:

mv ExampleTemplate-Frontend NamaProyekBaru-Frontend
cd NamaProyekBaru-Frontend

Setup Environment

Sebelum menjalankan proyek, kamu perlu mengatur environment variables. Berikut adalah contoh pengaturan untuk server:

Misalkan container memiliki root path di http://fe.domain.com/ dan datamaster berada di http://fe.domain.com/asset/example-frontend.

Buat file .env di root proyek kamu dan tambahkan konfigurasi berikut:

REACT_APP_CONTAINER_REMOTE=http://fe.domain.com/
REACT_APP_EXAMPLE_REMOTE=http://fe.domain.com/asset/example-frontend/

Mengganti Nama Proyek

Jika kamu menggunakan ExampleTemplate-Frontend untuk membuat proyek baru, kamu harus mengganti semua referensi yang berkaitan dengan "example" ke nama proyek yang kamu inginkan. Ini termasuk:

• Mengganti nama file dan folder yang mengandung kata "example".
• Mengganti nama variabel, fungsi, dan komponen yang berhubungan dengan "example".
• Mengupdate dokumentasi dan README dengan nama proyek baru kamu.

Menjalankan Proyek

Untuk menjalankan proyek, gunakan perintah berikut di terminal:

npm run serve

Ini akan menjalankan proyek di port yang telah ditentukan (misalnya, PORT: 4004).