Undangan App

Dewana Kretarta Lokeswara

​

​

Dewana Kretarta Lokeswara

• Telegram : @dewanakl
• Youtube : @dewanakl
• Email : dewanakretarta29@gmail.com

Sebelum Lanjut

• html
• css
• js
• php

Agenda

1. Arsitektur
2. Deployment BE
3. Deployment FE

Arsitektur

• Menggunakan Restfull API.
• Backend menggunakan php dan mysql/pgsql.
• Frontend menggunakan html, css, dan js.

​

Deployment BE

• Repository Undangan Api
• Postman - Undangan Api
• Setelah deploy, tinggal buka endpoint “/migrate?hash=xyz, jadi tinggal isi env dan skip untuk migrasinya, untuk xyz ganti dengan sha3-512 dari APP_KEY pada env.
• Vercel
• Memakai Supa Base (Session Pooled), untuk elephantsql sudah shutdown pada 2025.
• Pastikan region vercel dan database di singapore.
• Check DB sewaktu production karena kalau lama tidak digunakan akan tidur.
• Setiap ada perubahan env atau pengaturan pada vercel, wajib re-deploy lagi.
• Deployment Api Vercel
• Hosting / VPS
• Pastikan gunakan extension OPcache dan mysqlnd / nd_pdo_mysql jika memakai mysql.
• Deployment Api Hosting

​

Deployment FE

• Menjalankan di lokal dengan: `npm install` serta `npm run dev`.
• Ubah “data-url” pada index dan dashboard sesuai domain BE.
• Copy access key pada dashboard di menu setting.
• Default email dan password yaitu (user@user.com, 12345678).
• Ubah “data-key” pada index dari access key tadi.
• Buka dashboard di browser biasa sedangkan undangan di mode samaran (incognito).
• Jika ingin deploy: `npm run build:public`, dan folder public yang di deploy.
• Deployment bisa menggunakan hosting, github page, vercel, netlify, dll.
• NPM untuk build agar file js dapat dieksekusi secara langsung (bukan tipe module lagi).
• Jika menggunakan vercel form `build command` isi dengan `npm run build:public`.

QnA

Boleh di kolom komentar ini

(video menyusul)

​

​

Terima kasih!