1 of 9

Undangan App

Dewana Kretarta Lokeswara

2 of 9

Dewana Kretarta Lokeswara

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

3 of 9

Sebelum Lanjut

  • html
  • css
  • js
  • php

4 of 9

Agenda

  1. Arsitektur
  2. Deployment BE
  3. Deployment FE

5 of 9

Arsitektur

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

6 of 9

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

7 of 9

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

8 of 9

QnA

Boleh di kolom komentar ini

(video menyusul)

9 of 9

Terima kasih!