Web Pikobar (Pusat Informasi dan Koordinasi COVID-19 Jawa Barat), dapat diakses di https://pikobar.jabarprov.go.id
Pikobar menggunakan Firebase sebagai backend.
- Masuk dengan Google Account, lalu buka https://console.firebase.google.com/.
- Buat projek baru. Aktifkan opsi Enable Analytics.
- Pada sidebar, lihat grup
Develop
. PilihDatabase
. PilihCreate database
. PilihStart in production mode
, lalu pilih location yang diinginkan untuk Cloud Firestore. - Pada sidebar, klik ikon menu ⚙️. Pilih
Project settings
. Pilih tabService accounts
. KlikGenerate new private key
. Service account credentials akan diunduh dalam bentuk JSON. - Ubah nama file JSON dari langkah (4) menjadi
config.firebase.service-account.js
. - Buka file tersebut lalu ganti isinya menjadi seperti ini. Catatan: sesuaikan nilai dari
<VALUE>
.module.exports = { type: '<VALUE>', project_id: '<VALUE>', private_key_id: '<VALUE>', private_key: '<VALUE>', client_email: '<VALUE>', client_id: '<VALUE>', auth_uri: '<VALUE>', token_uri: '<VALUE>', auth_provider_x509_cert_url: '<VALUE>', client_x509_cert_url: '<VALUE>' }
- Simpan file pada langkah (6) ke dalam root folder project, yakni sejajar dengan
package.json
.
- Pada sidebar, pilih
Project Overview
. - Jika projek masih kosong, pilih ikon berlambang
</>
. - Jika sudah terdapat aplikasi lain dalam projek, pilih
Add app
, lalu pilihWeb
. - Salin nilai variabel
firebaseConfig
ke dalam file bernamaconfig.firebase.sdk.js
. - Taruh file dari langkah (4) pada root folder projek, yakni sejajar dengan
package.json
. - Buka file tersebut, lalu ganti isinya menjadi seperti ini. Catatan: sesuaikan nilai dari
<VALUE>
.module.exports = { apiKey: '<VALUE>', authDomain: '<VALUE>', databaseURL: '<VALUE>', projectId: '<VALUE>', storageBucket: '<VALUE>', messagingSenderId: '<VALUE>', appId: '<VALUE>', measurementId: '<VALUE>', publicVapidKey: '<VALUE>' }
- Untuk mendapatkan nilai dari
publicVapidKey
, klik menu ⚙️ pada sidebar. PilihProject settings
. Pilih tabCloud Messaging
. - Pada bagian
Web configuration > Web Push certificates
, klikGenerate Key Pair
. Salin nilai yang muncul ke dalam variabelpublicVapidKey
pada file di langkah (6).
- Pada langkah ini, Anda telah mempunyai file bernama
config.firebase.service-account.js
danconfig.firebase.sdk.js
pada root folder projek Anda. - Buka terminal, lalu arahkan ke folder projek Anda.
- Jalankah perintah berikut.
$ npm run write:env
- Pastikan perintah tersebut menghasilkan
.env
yang berkesesuaian dengan.env.example
.
- Di Firebase Console, pada sidebar group
Develop
, pilihDatabase
, lalu pilih tabRules
. Salin isi filemigration/firestore.rules
ke area yang disediakan. Lalu pilihPublish
. - Buka terminal, lalu arahkan ke folder projek Anda.
- Jalankan perintah berikut.
$ npm run migrate
- Proses ini dapat memakan waktu 5-10 menit.
- Suksesnya perintah akan ditandai dengan
log
bertuliskanFirestore data successfully imported
.
# install dependencies
$ npm install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm run build
$ npm run start
# generate static project
$ npm run generate
For detailed explanation on how things work, check out Nuxt.js docs.
Jabar Digital Service mengucapkan terima kasih kepada publik yang ingin berkontribusi untuk Pikobar 🙏.
Sebagai panduan, kami mempunyai panduan umum untuk kontributor dan panduan kontributor untuk repositori ini.