MASIGNASUKAv102
7345699749361123385

Cara Install SSL Certificate Atau HTTPS Di XAMPP

Cara Install SSL Certificate Atau HTTPS Di XAMPP
Add Comments
14 April 2020
Cara Install SSL Certificate Atau HTTPS Di XAMPP

Install SSL di XAMPP - Pada artikel kali ini Kulo akan menuliskan sebuah artikel yang akan membahas bagaimana cara install SSL atau HTTPS di localhost XAMPP ? Cara install SSL di XAMPP pada artikel ini baru saja Kulo praktikkan dan work it. Latar belakang kenapa Kulo melakukan install SSL di XAMPP karena Kulo mendapatkan beasiswa program HERE Scholarship di kelas online Codepolitan dengan Studi Kasus Web Geolocation dengan Laravel dan HERE Maps. Untuk dapat men-tracking lokasi perangkat, diperlukan protokol HTTPS. OK, Langsung saja ke langkah-langkah cara install SSL di XAMPP.

1. Buka CMD atau Command Prompt.
install SSL atau HTTPS di XAMPP

2. Ketik makecert seperti gambar di atas.
Cara Install SSL Certificate Atau HTTPS Di XAMPP

3. Enter PEM pass phrase atau masukkan kata sandi (password). Masukkan kata sandi atau password yang mudah diingat karena di step selanjutnya kita diminta memasukkan verifikasi password.

Cara Install SSL Certificate Atau HTTPS Di XAMPP

4. Verifikasi password atau ketikan password lagi seperti pada langkah nomor 3.

Cara Install SSL Certificate Atau HTTPS Di XAMPP

5. Ketikkan seperti gambar di atas. Jika ada perintah selain seperti gambar di atas, bisa langsung di ENTER saja.

Cara Install SSL Certificate Atau HTTPS Di XAMPP

6. Masukkan password lagi seperti yang telah dilakukan pada nomor 3 dan 4.

7. Konfigurasi file dengan buka C:\xampp\apache\conf\extra

8. Buka file httpd-xampp.conf

9. Tambahkan SSLRequireSSL pada <Directory "C:/xampp/htdocs/xampp">, <Directory "C:/xampp/phpMyAdmin"> dan  <Directory "C:/xampp/webalizer">. Sehingga file httpd-xampp.conf akan seperti gambar di bawah ini. Jika sudah, jangan lupa SAVE.
Cara Install SSL Certificate Atau HTTPS Di XAMPP

10. Buka C:\xampp\apache\conf\extra

11. Buka file httpd-ssl.conf

12. Cari kata DocumentRoot. Kemudian lakukan perubahan seperti gambar di bawah ini.
Cara Install SSL Certificate Atau HTTPS Di XAMPP

Pada DocumentRoot, sesuaikan dengan lokasi project kalian dan di ServerName ubah sesuai dengan keinginan kalian. Maksud dari code di atas, ketika Kulo memasukkan url www.geolocation.test maka akan menampilkan data dari DocumentRoot atau project kita.

13. Jika sudah, SAVE. Kemudian restart Apache.

SELESAI.

Jika project kita menggunakan framework laravel, biasanya kita harus menyertakan "/public" di URL seperti https://geolocation.test/public. Kita bisa menghilangkan URL public dengan cara:

1. Pindahkan file .htaccess dan index.php ke folder root. 

2. Buka file index.php
Ubah code
require __DIR__.'/../vendor/autoload.php';
Menjadi
require __DIR__.'/vendor/autoload.php';

Dan

$app = require_once __DIR__.'/../bootstrap/app.php';
Menjadi
$app = require_once __DIR__.'/bootstrap/app.php';

3. Save.

Sekarang jika Kulo buka dengan url https://geolocation.test maka akan menampilkan tampilan default laravel seperti gambar di bawah ini.
Cara Install SSL Certificate Atau HTTPS Di XAMPP
Demikian artikel kali ini tentang cara install SSL atau HTTPS di XAMPP. Instalasi SSL di XAMPP bisa dibilang cukup rumit, Kulo beberapa kali gagal melakukannya. Jika kalian memerlukan protokol HTTPS atau SSL untuk project kalian, kalian bisa mencoba laragon sebagai pengganti XAMPP. Installasi SSL di Laragon lebih mudah dari install SSL di XAMPP.

Referensi:

Hilmi Hidayat

"If something's important enough, you should try. Even if you - the probable outcome is failure." - Elon Musk