46 lines
1.1 KiB
Markdown
46 lines
1.1 KiB
Markdown
# Core Midtrans CIFO (Frontend)
|
|
|
|
Frontend Vite + React untuk integrasi Midtrans Core API dengan UI kustom.
|
|
|
|
## Setup
|
|
|
|
1) Duplikasi file contoh env dan isi nilainya:
|
|
|
|
```bash
|
|
cp .env.example .env.local
|
|
```
|
|
|
|
Isi `.env.local` (lihat `.env.example` untuk referensi):
|
|
|
|
```
|
|
VITE_API_BASE_URL=http://localhost:8000/api
|
|
VITE_MIDTRANS_CLIENT_KEY=YOUR_CLIENT_KEY
|
|
VITE_MIDTRANS_ENV=sandbox
|
|
```
|
|
|
|
2) Jalankan pengembangan:
|
|
|
|
```bash
|
|
npm install
|
|
npm run dev
|
|
```
|
|
|
|
App akan tersedia di `http://localhost:5173/` (atau port lain jika 5173 dipakai).
|
|
|
|
## Catatan Integrasi Midtrans
|
|
|
|
- Client Key hanya digunakan di frontend (mis. tokenisasi kartu/3DS). Server Key TIDAK pernah di frontend.
|
|
- Semua request ke Midtrans dilakukan lewat backend (`VITE_API_BASE_URL`). Frontend memanggil endpoint seperti `/payments/:orderId/status`.
|
|
- Status real-time dapat diimplementasikan via polling (TanStack Query) atau SSE/WebSocket dari backend.
|
|
|
|
## Struktur Env di Kode
|
|
|
|
- Akses env melalui modul `src/lib/env.ts`:
|
|
- `Env.API_BASE_URL`
|
|
- `Env.MIDTRANS_CLIENT_KEY`
|
|
- `Env.MIDTRANS_ENV`
|
|
|
|
## Lisensi
|
|
|
|
Internal project skeleton.
|