Deploy Project XAMPP ke Internet

Punya website atau aplikasi PHP yang jalan di XAMPP? Saatnya bawa project kamu ke internet supaya bisa diakses dari mana saja!

Panduan ini akan memandu kamu langkah demi langkah - dari project lokal di XAMPP sampai online di internet.

---

Apa yang Akan Kita Lakukan?

┌─────────────┐      ┌──────────┐      ┌─────────────┐
│   XAMPP     │  →   │  GitHub  │  →   │   Dalang    │
│  (Lokal)    │      │  (Repo)  │      │  (Online!)  │
└─────────────┘      └──────────┘      └─────────────┘

1. Siapkan project di folder XAMPP
2. Install Git di Windows
3. Buat repository di GitHub
4. Push code ke GitHub
5. Deploy ke Dalang App Hosting

---

Persiapan

Yang Kamu Butuhkan:

• Project PHP di folder C:/xampp/htdocs/nama-project
• Akun GitHub (gratis di github.com)
• Akun Dalang.io (gratis di dalang.io)

---

Langkah 1: Install Git di Windows

1. Download Git dari git-scm.com/download/win
2. Jalankan installer, klik Next terus sampai selesai (setting default sudah OK)
3. Setelah install, buka Git Bash (cari di Start Menu)

Verifikasi instalasi:

git --version

Konfigurasi Git (Pertama Kali)

Di Git Bash, jalankan:

git config --global user.name "Nama Kamu"
git config --global user.email "[email protected]"

Gunakan email yang sama dengan akun GitHub.

---

Langkah 2: Siapkan Project PHP

Lokasi Project

Project XAMPP biasanya ada di:

C:/xampp/htdocs/nama-project/

Pastikan struktur foldernya seperti ini:

nama-project/
├── index.php
├── config.php
├── css/
├── js/
├── images/
└── ... file lainnya

Buat File .gitignore

Buat file baru bernama .gitignore (tanpa ekstensi) di folder project:

# Config dengan password/rahasia
config.local.php

# Upload folder (jika ada file user upload)
uploads/*
!uploads/.gitkeep

# Cache
cache/
tmp/

# IDE
.vscode/
.idea/

# OS
Thumbs.db
.DS_Store

Tips: File .gitignore mencegah file sensitif (seperti password database) ter-upload ke GitHub.

---

Langkah 3: Buat Dockerfile

Dockerfile adalah “resep” untuk menjalankan aplikasi PHP kamu di server.

Buat file baru bernama Dockerfile (tanpa ekstensi) di folder project:

FROM php:8.2-apache

# Enable mod_rewrite untuk URL cantik
RUN a2enmod rewrite

# Copy semua file project ke folder web server
COPY . /var/www/html/

# Set permission
RUN chown -R www-data:www-data /var/www/html

# Expose port 80
EXPOSE 80

Dockerfile untuk PHP dengan MySQL Extension

Jika project kamu pakai MySQL/MySQLi:

FROM php:8.2-apache

# Install MySQL extension
RUN docker-php-ext-install mysqli pdo pdo_mysql

# Enable mod_rewrite
RUN a2enmod rewrite

# Copy project files
COPY . /var/www/html/

# Set permission
RUN chown -R www-data:www-data /var/www/html

EXPOSE 80

Struktur Folder Sekarang

nama-project/
├── index.php
├── config.php
├── Dockerfile        ← BARU
├── .gitignore        ← BARU
├── css/
├── js/
└── ...

---

Langkah 4: Buat Repository di GitHub

1. Login ke GitHub
2. Klik tombol + di pojok kanan atas → New repository
3. Isi:
   • Repository name: nama-project-kamu
   • Description: Website PHP (opsional)
   • Private atau Public: pilih sesuai kebutuhan
   • JANGAN centang “Add a README file”
4. Klik Create repository

Simpan URL repository yang muncul:

https://github.com/username/nama-project-kamu.git

---

Langkah 5: Push Project ke GitHub

Buka Git Bash dan masuk ke folder project:

cd /c/xampp/htdocs/nama-project

Tips: Di Git Bash, drive C: ditulis /c/

Inisialisasi Git

git init

Tambahkan Semua File

git add .

Commit Pertama

git commit -m "Initial commit - project PHP"

Hubungkan ke GitHub

git remote add origin https://github.com/username/nama-project-kamu.git

Ganti username dan nama-project-kamu dengan milikmu.

Push ke GitHub

git branch -M main
git push -u origin main

Autentikasi

Saat diminta login:

• Username: username GitHub kamu
• Password: gunakan Personal Access Token (bukan password biasa)

Cara Buat Personal Access Token:

1. Buka GitHub → klik foto profil → Settings
2. Scroll ke bawah, klik Developer settings
3. Klik Personal access tokens → Tokens (classic)
4. Klik Generate new token (classic)
5. Isi:
   • Note: “Git push dari Windows”
   • Expiration: pilih sesuai kebutuhan
   • Centang: repo (full control)
6. Klik Generate token
7. COPY TOKEN (hanya muncul sekali!)

Paste token ini saat diminta password di Git Bash.

---

Langkah 6: Deploy ke Dalang App Hosting

Sekarang project sudah di GitHub. Saatnya deploy ke internet!

1. Login ke Dashboard

Buka dalang.io/dashboard dan login.

2. Buat App Hosting Baru

1. Klik Services di sidebar
2. Klik Create New Service
3. Pilih App Hosting

3. Hubungkan GitHub

1. Klik Connect GitHub
2. Authorize Dalang untuk akses repository kamu
3. Pilih repository yang tadi dibuat
4. Pilih branch main

4. Deploy!

Klik Deploy dan tunggu prosesnya selesai (biasanya 2-5 menit).

5. Akses Website

Setelah deploy berhasil, website kamu bisa diakses di:

https://nama-app.svc.dalang.io

---

Konfigurasi Database (Jika Pakai MySQL)

Opsi 1: Database External

Gunakan layanan database external seperti:

• PlanetScale (MySQL, gratis tier)
• Supabase (PostgreSQL, gratis tier)
• Railway (MySQL/PostgreSQL)

Update config.php dengan credentials database external.

Opsi 2: VPS Terpisah

Buat VPS di Dalang.io untuk MySQL server, lalu hubungkan dari App Hosting.

Update Config untuk Production

Buat file config.php yang membaca dari environment:

<?php
// Database configuration
$db_host = getenv('DB_HOST') ?: 'localhost';
$db_user = getenv('DB_USER') ?: 'root';
$db_pass = getenv('DB_PASS') ?: '';
$db_name = getenv('DB_NAME') ?: 'nama_database';

// Connect
$conn = new mysqli($db_host, $db_user, $db_pass, $db_name);

if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

---

Update Project (Setelah Deploy)

Setiap kali ada perubahan di project:

1. Edit file di folder XAMPP seperti biasa

2. Push ke GitHub

Buka Git Bash:

cd /c/xampp/htdocs/nama-project
git add .
git commit -m "Update: deskripsi perubahan"
git push

3. Otomatis Ter-deploy!

Dalang App Hosting akan otomatis detect perubahan dan rebuild aplikasi kamu.

---

Troubleshooting

“Dockerfile not found”

Pastikan file bernama Dockerfile (huruf D kapital, tanpa ekstensi) ada di root folder project.

Website Error 500

Cek apakah ada error PHP. Tambahkan ini di awal index.php untuk debug:

<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);

Hapus setelah selesai debug!

“Connection refused” ke Database

• Pastikan credentials database benar
• Jika pakai localhost di XAMPP, ganti dengan database external untuk production

File Upload Tidak Berfungsi

Container di-restart akan kehilangan file upload. Gunakan cloud storage (S3, Cloudflare R2) untuk file upload di production.

---

Tips Keamanan

1. Jangan commit password - Gunakan environment variables
2. Gunakan .gitignore - Exclude file sensitif
3. Update PHP - Dockerfile sudah pakai PHP 8.2
4. HTTPS otomatis - Dalang App Hosting sudah include SSL gratis

---

Contoh Project Lengkap

Lihat contoh repository PHP yang siap deploy:

Repository: github.com/dalang-io/example-app-php

Demo: example-app-php.svc.dalang.io

---

Ringkasan

Langkah	Perintah/Aksi
1. Install Git	Download dari git-scm.com
2. Buat .gitignore	Exclude file sensitif
3. Buat Dockerfile	Resep untuk server
4. Buat repo GitHub	github.com → New repository
5. Push ke GitHub	git init → git add . → git commit → git push
6. Deploy di Dalang	Connect GitHub → Deploy

---

Artikel Terkait

• Cara Upload Project ke GitHub - Panduan Git untuk pemula
• App Hosting: Deploy dari GitHub - Fitur lengkap App Hosting
• Hosting PHP Tanpa Ribet - Tips hosting PHP modern

---

Butuh Bantuan?

Stuck di langkah tertentu? Hubungi tim support kami di [email protected]

Selamat deploy! Project XAMPP kamu sekarang bisa diakses dari seluruh dunia!