Buku Panduan Hosting
Panduan
Hi, Tamu (Guest)
Project Baru

Buku Panduan Hosting (Guide Book)

Panduan lengkap langkah demi langkah cara meng-hosting website Native PHP, HTML, dan Framework (Laravel / CodeIgniter 4) di SanggarHost.

Ringkasan Alur Hosting di SanggarHost

Proses hosting di SanggarHost sangat mudah dan hanya memerlukan 4 langkah utama:

Langkah 1
Buat Project

Buat project baru dan pilih jenis project (Native PHP / Static HTML atau Framework seperti Laravel).

Langkah 2
Upload & Extract ZIP

Buka File Manager, upload file ZIP project Anda dan centang opsi otomatis Extract.

Langkah 3
Database & Import .SQL

Buat database MySQL, lalu upload file dump .sql untuk memulihkan tabel & data.

Langkah 4
File Koneksi & Launch

Sesuaikan file koneksi.php (Native) atau .env (Framework) di Code Editor, lalu klik Preview Site!

Tips: Anda dapat mengklik tab-tab di atas untuk melihat detail tutorial dan panduan pada setiap tahapannya.
Langkah 1: Membuat Project Baru
  1. Klik tombol + Project Baru pada navbar atau menu samping.
  2. Isi Nama Project (contoh: Website Portofolio atau Toko Online). Sistem otomatis membuatkan nama folder slug seperti website-portofolio.
  3. Pilih Tipe Project / Document Root:
    • Native PHP / HTML (Root: /): Gunakan untuk website tanpa framework, di mana file index.php berada langsung di folder utama.
    • Framework (Root: /public): Gunakan untuk Laravel atau CodeIgniter 4, di mana file eksekusi publik berada di folder public/index.php.
  4. Centang opsi "Buat Database MySQL Otomatis" jika project Anda memerlukan database.
  5. Klik Create Project untuk menyelesaikan pembuatan folder project.
Perbedaan Struktur Folder:
PHP Native (Root: /):
├── index.php
├── koneksi.php
├── style.css
└── gambar/

Laravel / CI4 (Root: /public):
├── app/
├── public/ (Web Root)
│ └── index.php
└── .env
Langkah 2: Menyiapkan ZIP & Meng-extract File
PERHATIAN PENTING SAAT MEMBUAT FILE ZIP:

Saat mengompres file ke ZIP di komputer Anda: Pilih seluruh isi file & foldernya (blok semua file di dalam folder project), lalu klik kanan "Compress to ZIP". Jangan membungkus foldernya dari luar agar file index.php tidak masuk ke subfolder ganda.

Cara Mengunggah di File Manager:
  1. Buka menu File Manager dan pilih project Anda.
  2. Klik tombol Upload ZIP / File di pojok kanan atas.
  3. Pilih file .zip website Anda dari komputer.
  4. Pastikan opsi "Auto Extract ZIP after upload" tercentang.
  5. Klik tombol Upload. Sistem akan mengunggah dan otomatis meng-extract semua file ke folder project.
  6. Jika Anda mengunggah file ZIP secara manual, Anda juga dapat mengeklik tombol Extract berwarna oranye pada baris file ZIP tersebut kapan saja.
Langkah 3: Membuat Database & Import File .SQL

Jika project Anda menggunakan database MySQL/MariaDB, ikuti langkah berikut:

Mengimpor File Dump .SQL:
  1. Buka menu Database Manager di sidebar.
  2. Klik tombol Import .SQL Dump.
  3. Pilih database target dari dropdown.
  4. Pilih file .sql dari laptop/komputer Anda.
  5. Klik Start SQL Import. Sistem akan mengeksekusi seluruh query pembuatan tabel dan pengisian data secara otomatis.
Menguji Query di SQL Manager:

Anda dapat mengklik tombol SQL Manager pada daftar database untuk memeriksa apakah tabel berhasil terbuat, melihat jumlah baris data, dan menjalankan custom query seperti SELECT * FROM users; langsung dari browser!

Langkah 4: Menyesuaikan File Koneksi Database (PHP Native vs Framework)

Setelah database dibuat dan di-import, sesuaikan konfigurasi koneksi pada source code project Anda agar terhubung ke database XAMPP:

A. Untuk PHP Native (File koneksi.php)

PHP Native tidak menggunakan .env, melainkan file PHP seperti koneksi.php atau config.php dengan fungsi mysqli_connect(): 

<?php
$host = "127.0.0.1";
$user = "root";
$pass = ""; // kosong default XAMPP
$db   = "nama_database_anda";

$koneksi = mysqli_connect($host, $user, $pass, $db);

if (!$koneksi) {
    die("Koneksi database gagal: " . mysqli_connect_error());
}
?>
Cara Menggunakannya di File Lain: 
<?php
include 'koneksi.php';
$query = mysqli_query($koneksi, "SELECT * FROM produk");
?>
* Pada halaman Control Panel project di SanggarHost, sistem otomatis mendeteksi file koneksi.php dan menyediakan tombol 1-klik untuk mengeditnya!
B. Untuk Framework (File .env)

Pada framework seperti Laravel atau CodeIgniter 4, pengaturan koneksi berada pada file .env di folder utama: 

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=nama_database_anda
DB_USERNAME=root
DB_PASSWORD=
* Cukup sesuaikan baris DB_DATABASE dengan nama database yang Anda buat di menu Database Manager.
Kemudahan di SanggarHost: Anda tidak perlu membuka laptop untuk edit file secara manual. Cukup buka halaman Control Panel Project -> klik Edit File Koneksi untuk mengubah dan menyimpan kode langsung di browser dengan Code Editor!
Solusi Kendala Umum (Troubleshooting FAQ)

Penyebab: Letak file index.php atau index.html berada di dalam subfolder ganda.
Solusi: Buka File Manager, pastikan file index.php berada di direktori akar project (atau di dalam folder /public jika menggunakan Laravel).

Penyebab: File PHP yang Anda buka belum meng-include file koneksi database.
Solusi: Tambahkan kode include 'koneksi.php'; atau require_once 'koneksi.php'; di baris paling atas file PHP Anda sebelum melakukan query database.

Penyebab: Nama database yang ditulis di koneksi.php atau .env tidak sama dengan database yang ada di server.
Solusi: Buka menu Database Manager di sidebar untuk melihat nama database Anda, lalu sesuaikan nilai variabel $db di file koneksi.php atau DB_DATABASE di file .env.

Penyebab: Password database salah. Di XAMPP default, password user root adalah kosong.
Solusi: Kosongkan password di file koneksi.php ($pass = "";) atau di file .env (DB_PASSWORD=).

Klik ikon Bulan (🌙) / Matahari (☀️) pada navbar atas di sebelah kanan. Pengaturan tampilan Anda akan otomatis tersimpan di browser.