Ilmu Coding Ilmucoding.com - Merupakan situs yang membantu Anda belajar coding lebih mudah, nyaman, interaktif dan profesional. Belajar sekarang di ilmu coding. GRATIS

Tutorial Cara Upload Project Codeigniter 4 ke Hosting

3 min read

Tutorial Cara Upload Project Codeigniter 4 - CI 4 - ke Hosting

Tutorial Lengkap Cara Upload Project Codeigniter 4 (CI 4) ke Shared Hosting Step by Step. Include dengan CSS, Javascript dan cara pemanggilannya.

Pada kesempatan kali ini saya akan sharing tentang salah satu topik yang paling banyak dicari, yaitu bagaimana upload project Codeigniter 4 ke hosting / shared hosting dengan cara yang aman.

Sebelum masuk ke materi, coba bayangkan…

Mungkin kita tidak akan kesulitan upload project Codeigniter 3.

Tinggal upload, setting database lalu running.

Masalahnya hal itu tidak sama dengan Codeigniter 4.

Ada beberapa hal yang mesti kita lakukan terkait dengan keamanan serta memisahkan antara file public dan private (dibahas lebih lanjut).

Baca Juga: Tutorial Codeigniter 4 untuk Pemula

Mari kita bahas secara mendalam step by step.

Let’s Go!

Apa Codeigniter 4 Sudah Lebih Aman?

Dibandingkan dengan versi ke 3, Codeigniter 4 sadar betul bahwa memisahkan antara file public dengan hal-hal yang bersifat sensitif (private) adalah suatu keharusan.

Apa yang sensitif?

Misalnya file .env, database.php, folder app dan lain-lain.

Tentu kita tidak ingin file-file tersebut dapat diakses secara public.

… karena itulah, di versi ke 4 ini “menurut saya” sudah lebih baik.

Terkait seberapa amannya, kembali lagi kepada kita selaku “pilot” dari project.

Saya sedikit menyinggung masalah keamanan karena akan sangat berhubungan dengan tutorial kita kali ini.

Penasaran?

Persiapan Upload Project Codeigniter 4 ke Hosting

Kita asumsikan mulai dari 0.

Pertama, Download Codeigniter 4

Silahkan download project Codeigniter 4 terlebih dahulu melalui situs https://codeigniter.com

Download Framework Codeigniter 4
Download Framework Codeigniter 4

Kedua, Setting Path Project

Saya menggunakan web server Laragon.

Jadi, hasil download file akan saya letakan di path Laragon/www.

… jika menggunakan web server lain silahkan menyesuaikan saja.

Kemudian saya membuat folder baru bernama tutorial_codeigniter_4.

Berikutnya, silahkan klik kanan pada file .zip dan pilih extract here.

Tunggu sampai proses extract selesai.

Baca Juga: Cara Install Codeigniter 4 Melalui Composer

… bila sudah, rename dengan nama CI4.

Sampai di sini proses setting path project selesai.

Mari kita lanjut.

Ketiga, Download Assets Pendukung: Bootstrap 4

Versi Bootstrap yang akan saya gunakan adalah versi ke 4.

Silahkan download download Bootstrap melalui halaman ini.

Letakan hasil download file Bootstrap ke dalam direktori ci4/public.

Jangan lupa extract terlebih dahulu file .zipnya ya.

Sampai di sini, persiapan file project selesai.

Kita lanjut ke tahapan berikutnya…

Memodifikasi Controller Home

Saat mendownload Codeigniter 4, kita sudah disediakan file Home.php yang terletak di app/Controllers.

Silahkan buka file tersebut di text editor yang kamu miliki.

<?php namespace App\Controllers;

class Home extends BaseController
{
	public function index()
	{
		return view('welcome_message');
	}

	//--------------------------------------------------------------------

}

Kita akan mengubah view yang akan dipanggil pada controller Home.php.

Silahkan ubah menjadi:

<?php namespace App\Controllers;

class Home extends BaseController
{
	public function index()
	{
		return view('v_home');
	}

}

Sampai di sini, kita akan lanjut ke tahap berikutnya.

Membuat Halaman View Home

Silahkan buat file baru bernama v_home.php dan letakan di direktori app/Views/.

Kemudian ketik kode berikut ini:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Project Codeigniter 4 dan Bootstrap 4</title>
    <link rel="stylesheet" href="<?= base_url('css/bootstrap.min.css') ?>">
    <script src="<?= base_url('js/bootstrap.min.js') ?>"></script>
</head>
<body>
    <div class="jumbotron">
        <h1>Welcome to My Site</h1>
        <p>Ini adalah halaman demo untuk tutorial upload framework codeigniter 4 di hosting dengan menggunakan bootstrap 4.</p>
    </div>
</body>
</html>

Oke, mari kita lanjut lagi …

Menjalankan Project Codeigniter 4 dan Bootstrap 4

Ada 2 cara dalam menjalankan project kita kali ini.

Pertama, Tanpa Command Line

Silahkan aktifkan web server kamu, kemudian ketik URL berikut ini:

localhost/tutorial_codeigniter_4/public

Kedua, Via Command Line

Masuk ke direktori project, ketik perintah berikut ini:

php spark serve

Contoh:

Sekarang, kita bisa melihat hasilnya sebagai berikut:

Cara Upload Project Codeigniter 4 ke Hosting

Sebelum masuk ke pembahasan utama, ada beberapa hal yang musti kita siapkan.

  1. Cpanel
  2. Domain / Sub Domain

Saya akan membuat sub domain baru yaitu ci4.mydomain.com di hosting yang saya miliki.

Silahkan ganti mydomain[dot]com dengan nama domain yang kamu miliki ya.

Sekarang, maki kita mulai.

Step 1: Zip File Project Root dan Public

Silahkan zip semua folder yang ada di root kecuali folder public.

Klik kanan, lalu pilih compress and email.

Beri nama www dan pilih format .zip.

Step 2: Zip File yang Ada di Folder Public

Semua file dan folder yang ada di folder public silahkan di .zip kembali.

Beri nama public.zip saja.

Step 3: Membuat Sub Domain Baru

Pastikan kamu sudah membuat sub domain baru di hosting ya.

Saya membuat sub domain bernama ci4.

Step 4: Upload File Zip Public ke Direktori Sub Domain

Demi keamanan, kita hanya upload file public ke dalam direktori sub domain.

Silahkan upload file .zip-nya, lalu extract.

Hasilnya:

upload file / folder public codeigniter 4 di hosting

Step 5: Upload Folder www ke Root

Saya akan membuat folder baru bernama frm_ci4 di direktori hosting /home/myhost/frm_ci4.

Pada folder inilah semua file dan folder selain public diletakan.

… ada spark, app, system, .env dan lain-lain.

Perhatikan gambar berikut di dalam folder frm_ci4:

upload file private codeigniter 4 di hosting

Sampai di sini, proses deployment hampir selesai.

Step 6: Hubungkan Antara Public dan Root

Pertama-tama, silahkan buka file App.php yang ada di dalam direktori frm_ci4/app/Configs/App.php.

Cari baris kode berikut:

public $baseURL = 'http://localhost:8080/';

Ubah menjadi:

public $baseURL = 'https://ci4.mydomain.com/';

Silahkan ganti domain yang kamu miliki.

Kedua, silahkan buka file index.php yang ada di dalam direktori ci4/index.php.

Cari kode berikut:

$pathsPath = realpath(FCPATH . '../app/Config/Paths.php');

Ubah menjadi:

$pathsPath = realpath(FCPATH . '../frm_ci4/app/Config/Paths.php');

Selesai.

Testing Hasil Upload Codeigniter 4 ke Hosting

Akhirnya kita telah sampai di akhir tutorial kali ini.

Sekarang kamu sudah bisa membuka URL sub domain yang sudah diupload Codeigniter 4.

Contohnya:

https://ci4.mydomain.com

… dan ini adalah hasilnya:

hasil akhir upload codeigniter 4 ke hosting

Kesimpulan

Alhamdulillah kita sudah sama-sama belajar bagaimana cara mengupload project Codeigniter 4 ke hosting.

Sekarang silahkan praktikkan tutorial ini pada projectmu.

Bila ada kesulitan, silahkan bertanya di kolom komentar.

Selamat belajar …

NB:

Bila ada kesalahan dalam tulisan, silahkan kirim kritik dan saran ke email ilmucoding.com@gmail.com

Ilmu Coding Ilmucoding.com - Merupakan situs yang membantu Anda belajar coding lebih mudah, nyaman, interaktif dan profesional. Belajar sekarang di ilmu coding. GRATIS

14 Replies to “Tutorial Cara Upload Project Codeigniter 4 ke Hosting”

  1. mas, mau tanya, artinya setiap kali kita deployment project ke hostiing kita harus punya dua domain domain.com sub.domain.com ya mas?
    maksud saya untuk domain utama kan di folder root
    dan untuk subdomain di folder public yang ada di dalam folder root?

    1. Jika mas punya domain utama, misalnya domain.com, maka letakan file public di dalam direktori home/nama_hosting/public_html pada cpanel.

      Jadi, isinya hanya index.php, file css, js, dll.

      Sedangkan untuk dub domain bukan suatu keharusan mas. Mas bisa bikin folder baru di home/nama_hosting.

      Misalnya beri nama frm_ci4, jadinya seperti ini:

      home/nama_hosting
      – public_html ( untuk akses public )
      – frm_ci4 ( folder untuk diisi app, system, env dll )

      Demikian mas…

  2. bang. kalau error 505 itu artinya apa ya bang? saya udah ikutin semua langkahnya tetap error 505 bang. di domain maupun sub domain bang. tapi kalau php native bisa bang.

    1. Coba ubah env nya jadi development dulu biar muncul pesan errornya. Nanti kelihatan apa yang error.

  3. kenapa ya saat pindah ke halaman lain selalu 404 Not Found nginx padahal sebelom masuk di hoasting bisa di jalankan

  4. permisi mau tanya, kalau pada tutorial menghilangkan folder public di url file index.php didalam public harus dikeluarin ke rootnya, kalau mau seperti tutorial ini, nantinya apakah kita bikin 2 file index.php, yang satu ada di folder public dengan $pathsPath nya diarahkan ke folder privatenya kemudian, didalam folder privatenya ada index.php lagi yang $pathsPath nya diarahkan ke folder app?
    terimakasih

        1. Kalau pakai tutorial ini, jangan ikut tutorial yang hilangkan folder public. Itu hanya untuk development saja. Kalau udah production, mending kembalikan ke awal tanpa pakai htaccess.

  5. $app = require rtrim($paths->systemDirectory, ‘/ ‘) . ‘/bootstrap.php’;
    disaya ada error ini ketika dihosting , sendangkan di lokal nggk error
    kalo ada yang tau tolong dibantu teman”

Leave a Reply

Your email address will not be published. Required fields are marked *

Jika terbantu dengan artikel ini, silahkan share, beri komentar dan "klik" 1 kali pada iklan ya.