83 lines
1.9 KiB
Markdown
83 lines
1.9 KiB
Markdown
# PANDUAN ELECTRON - CareIt Desktop App
|
|
|
|
## Persiapan Backend API
|
|
|
|
1. **Konfigurasi URL Backend**
|
|
|
|
Buat file `.env.local` di root folder project (jika belum ada):
|
|
```bash
|
|
NEXT_PUBLIC_API_URL=http://localhost:8081
|
|
```
|
|
|
|
Ganti `http://localhost:8081` dengan URL backend Golang yang sudah di-deploy.
|
|
Contoh:
|
|
- Development: `http://localhost:8081`
|
|
- Production: `https://api-careit.example.com`
|
|
|
|
## Cara Menjalankan
|
|
|
|
### 1. Install Dependencies
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
### 2. Development Mode (untuk testing)
|
|
```bash
|
|
# Terminal 1: Jalankan Next.js dev server
|
|
npm run dev
|
|
|
|
# Terminal 2: Jalankan Electron
|
|
npm run electron:dev
|
|
```
|
|
|
|
### 3. Build dan Package untuk Windows EXE
|
|
|
|
#### Build Aplikasi
|
|
```bash
|
|
npm run electron:build
|
|
```
|
|
|
|
File `.exe` akan ada di folder `dist/` setelah build selesai.
|
|
|
|
#### Untuk 32-bit dan 64-bit
|
|
```bash
|
|
npm run electron:build:all
|
|
```
|
|
|
|
## Struktur File Electron
|
|
|
|
- `electron.js` - Main process Electron
|
|
- `preload.js` - Bridge script untuk security
|
|
- `out/` - Next.js static export output
|
|
- `dist/` - Folder hasil build Electron (berisi installer .exe)
|
|
|
|
## Troubleshooting
|
|
|
|
### Error: "Cannot find module electron"
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
### Error: Backend tidak terhubung
|
|
- Pastikan file `.env.local` sudah dibuat
|
|
- Cek URL backend di `.env.local` sudah benar
|
|
- Pastikan backend Golang sudah running
|
|
|
|
### Icon tidak muncul
|
|
- Pastikan ada file `icon.png` di folder `public/`
|
|
- Ukuran minimal 256x256 pixels
|
|
- Format: PNG dengan transparency
|
|
|
|
## Distribusi
|
|
|
|
Setelah build, file installer ada di:
|
|
- `dist/CareIt Setup 0.1.0.exe` - Installer untuk Windows
|
|
|
|
File ini bisa langsung dibagikan ke user lain tanpa perlu install Node.js/npm.
|
|
|
|
## Catatan Penting
|
|
|
|
- Aplikasi Electron akan langsung connect ke backend Golang (tidak pakai Next.js API routes)
|
|
- Pastikan backend sudah running dan URL di `.env.local` benar
|
|
- CORS harus dikonfigurasi di backend agar menerima request dari Electron
|