Fanrouver
62 lines
1.8 KiB
Markdown
62 lines
1.8 KiB
Markdown
# Setup HTTPS untuk Development
|
|
|
|
Aplikasi ini sudah dikonfigurasi untuk menggunakan HTTPS di development mode agar fitur kamera bisa berfungsi.
|
|
|
|
## Cara Menggunakan
|
|
|
|
1. **Jalankan aplikasi dengan HTTPS:**
|
|
```bash
|
|
npm run dev:https
|
|
```
|
|
atau
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
2. **Akses aplikasi:**
|
|
- Dari komputer: `https://localhost:3001`
|
|
- Dari HP (dalam jaringan yang sama): `https://[IP-KOMPUTER]:3001`
|
|
- Contoh: `https://10.10.150.175:3001`
|
|
|
|
## Peringatan Keamanan Browser
|
|
|
|
Karena menggunakan self-signed certificate, browser akan menampilkan peringatan keamanan:
|
|
|
|
### Chrome/Edge:
|
|
1. Klik **"Advanced"** atau **"Lanjutkan ke localhost (tidak aman)"**
|
|
2. Klik **"Proceed to localhost (unsafe)"**
|
|
|
|
### Firefox:
|
|
1. Klik **"Advanced"**
|
|
2. Klik **"Accept the Risk and Continue"**
|
|
|
|
### Safari (Mac):
|
|
1. Klik **"Show Details"**
|
|
2. Klik **"visit this website"**
|
|
3. Klik **"Visit Website"** di dialog konfirmasi
|
|
|
|
### Mobile (HP):
|
|
- **Android Chrome**: Klik **"Advanced"** → **"Proceed to [IP] (unsafe)"**
|
|
- **iOS Safari**: Klik **"Advanced"** → **"Proceed to [IP]"**
|
|
|
|
## Catatan Penting
|
|
|
|
- ✅ Setelah menerima certificate, browser akan mengingatnya untuk kunjungan selanjutnya
|
|
- ✅ HTTPS diperlukan untuk akses kamera di browser modern
|
|
- ✅ Pastikan HP dan komputer dalam jaringan yang sama (WiFi yang sama)
|
|
- ✅ Gunakan IP komputer Anda, bukan `localhost` saat akses dari HP
|
|
|
|
## Troubleshooting
|
|
|
|
### Kamera masih tidak muncul?
|
|
1. Pastikan sudah menggunakan `https://` bukan `http://`
|
|
2. Cek izin kamera di browser settings
|
|
3. Pastikan tidak ada aplikasi lain yang menggunakan kamera
|
|
4. Restart browser setelah setup HTTPS pertama kali
|
|
|
|
### Tidak bisa akses dari HP?
|
|
1. Pastikan firewall tidak memblokir port 3001
|
|
2. Pastikan HP dan komputer dalam WiFi yang sama
|
|
3. Cek IP komputer dengan `ipconfig` (Windows) atau `ifconfig` (Mac/Linux)
|
|
|