Cara Mengaktifkan SSL/HTTPS di Local XAMPP
RINGKASAN
Dikutip dari Wikipedia Transport Layer Security (TLS), dan pendahulunya yang sudah usang, Secure Sockets Layer (SSL), adalah protokol kriptografi yang dirancang untuk memberikan keamanan komunikasi melalui jaringan komputer. Sebagai keamanan melalui jaringan komputer SSL sangat diperlukan untuk digunakan agar tidak terjadi sesuatu yang tidak diinginkan pada website.
PEMBAHASAN
Langkah yang pertama adalah download dan extract cert-template.conf & make-cert.bat .
Selanjutnya, buka folder C:/xampp/apache buatlah folder dengan nama cert. Copy file yang telah di-extract tadi ke folder cert tersebut. Lalu buka make-cert.bat .
Isilah data tersebut dengan kebutuhan website local-mu.
Setelah selesai maka di folder cert tadi akan muncul nama certificate yang berhasil dibuat (pastikan nama certificate sesuai dengan domain, misal nama domain adalah project.test maka nama certificate juga harus project.test).
Konfigurasi Virtual Host
Langkah berikutnya adalah bagaimana konfigurasi virtual host agar kita dapat mengganti localhost menjadi nama domain yang kita inginkan (hanya .test, tidak bisa .com atau .id).
Buka file C:\xampp\apache\conf\extra\httpd-vhosts.conf . Selanjutnya tambahkan syntax berikut. Setelah itu save.
Penjelasan :
line 1 dan line 11 merupakan nama virtual host yang dibuat, port 80 berarti untuk http sedangkan port 443 untuk https.
line 2 dan 12 merupakan letak default file yang ditaruh, jika menggunakan Laravel maka tambahkan /public.
line 3–4 dan line 13–14 adalah nama dari server tersebut menggantikan localhost.
line 5–8 dan line 18–21 untuk virtual host dapat akses folder project tersebut, jika menggunakan Laravel maka tambahkan /public.
line 15–17 adalah syntax untuk mengaktifkan certificate SSL.
Selanjutnya adalah konfigurasi untuk host, buka file C:\Windows\System32\drivers\etc\hosts caranya klik kanan pilih Open With cari Notepad atau text editor lainnya. Lalu tambahkan :
Selanjutnya save, jika tidak bisa disave langkahnya adalah buka NotePad dengan klik kanan lalu pilih Run Administrator. Copy isi data hosts yang tidak bisa di save tadi lalu pindahkan ke file Notepad yang telah di Run Administrator tadi. Saat di save yang perlu diperhatikan adalah File Name dan File as Type.
Saat muncul Confirm Save As, klik Yes.
Install Certificate SSL
Setelah selesai mengkonfigurasi Virtual Host, langkah berikutnya yaitu meng-install certificate SSL. Buka file C:\xampp\apache\cert\project.test\server.crt
Pilih Install Certificate
Pilih Current User, lalu klik Next
Pilih Place all certificates in the following store, lalu klik browse, selanjutnya pilih Trusted Root Certification Authorities. Klik OK. Selanjutnya pilih Next.
Setelah itu klik Finish. Saat muncul Security Warning, pilih Yes.
Jika sudah certificate berhasil diinstall, maka muncul tulisan The import was successful.
Langkah selanjutnya adalah, jalankan Apache pada XAMPP Control Panel. Lalu buka domain yang telah dibuat Virtual Host https://project.test pada browser.
Tambahan
Untuk pengguna CodeIgniter & Laravel secara default, folder yang ditampilkan bukan di root folder melainkan ada di folder /public hal ini tentunya, perlu konfigurasi lebih lanjut untuk dapat mengakses secara normal.
Langkah yang harus dilakukan yaitu menambahkan aktivasi mod pada file .htaccess di root folder. Langkah ini dilakukan untuk membaca secara default file index.php ke folder /public bukan di root folder.
Untuk Laravel :
Untuk CodeIgniter :
Jika tidak menambahkan syntax di atas, saat dibuka hasilnya akan muncul Forbidden.
Selanjutnya adalah konfigurasi base_url untuk CodeIgniter dan konfigurasi .env pada Laravel.
Untuk Laravel pada file .env ubah APP_URL menjadi APP_URL=https://your_domain
Selanjutnya buka file config/app.php pada bagian ‘url’ dan ‘asset_url’ ganti masing-masing menjadi
Untuk konfigurasi pada CodeIgniter buka file app/Config/app.php cari $baseURL ubah menjadi
public $baseURL = ‘https://project.test/';
Selanjutnya bukalah URL https://project.test di browser.
Akhirnya, Cara Mengaktifkan SSL/HTTPS di Local XAMPP telah selesai. Terimakasih sudah mengikuti tutorial ini. Tunggu tutorial berikutnya ya.
Referensi
Cara Mengaktifkan SSL di XAMPP Windows 10 64bit, diakses pada 28 Februari 2021
Download Source Code : https://github.com/budiodank/Template-Admin-CodeIgniter-4
Download PDF : https://drive.google.com/file/d/1566pZpSwVyi-kZ8SH9MjzmxqHh3KAsmE/view?usp=sharing
