loading...

Cara Install Valid Ssl (Https) Pada Local Development (Localhost)

Loading...
 Dari sekian banyak tutorial yang beredar di internet mengenai cara install HTTPS pada loc Cara Install Valid SSL (HTTPS) pada Local Development (Localhost)

Cara install vaild SSL (HTTPS) pada local development (localhost). Dari sekian banyak tutorial yang beredar di internet mengenai cara install HTTPS pada localhost, hampir semuanya sama, yaitu:

HTTPS work namun tetap muncul peringatan (exception) pada akta SSL sebab browser mendeteksi akta SSL tersebut tidak valid (untrusted) ibarat gambar dibawah ini.


 Dari sekian banyak tutorial yang beredar di internet mengenai cara install HTTPS pada loc Cara Install Valid SSL (HTTPS) pada Local Development (Localhost)

Baiklah, jadi bagaimana menciptakan akta SSL yang valid untuk localhost?
Solusi nya yaitu dengan memakai OpenSSL.

Membuat Root Sertifikat SSL

Kita akan meng-generate RSA-2048 key dengan nama file rootCA.key. Silahkan buat direktori sementara untuk menyimpan key dan akta SSL nantinya. Contoh pada artikel ini saya memakai folder LocalHTTPS, kemudian jalankan perintah dibawah ini, kemudian buat password gres untuk key tersebut.
openssl genrsa -des3 -out rootCA.key 2048

 Dari sekian banyak tutorial yang beredar di internet mengenai cara install HTTPS pada loc Cara Install Valid SSL (HTTPS) pada Local Development (Localhost)

Sekarang kita akan gunakan key tersebut untuk meng-generate root akta SSL.
openssl req -x509 -new -nodes -key rootCA.key -sha256 -days 1024 -out rootCA.pem
Masukkan password yang kita buat pada key diatas dan isi beberapa isu ibarat dibawah ini.

 Dari sekian banyak tutorial yang beredar di internet mengenai cara install HTTPS pada loc Cara Install Valid SSL (HTTPS) pada Local Development (Localhost)

Sekarang lihat pada folder LocalHTTPS, terdapat dua file yaitu: rootCA.key dan rootCA.pem.

Membuat Domain Sertifikat SSL untuk localhost

Buat konfigurasi OpenSSL, sebagai referensi saya menamainya: server.csr.cnf dan salin arahan berikut ini.
[req] default_bits = 2048 prompt = no default_md = sha256 distinguished_name = dn  [dn] C=ID ST=Whatever L=Whatever O=DEV OU=WG emailAddress=hello@.com CN = localhost

Buat file dengan nama v3.ext, kemudian salin arahan berikut ini.
authorityKeyIdentifier=keyid,issuer basicConstraints=CA:FALSE keyUsage = digitalSignature, nonRepudiation, keyEncipherment, dataEncipherment subjectAltName = @alt_names  [alt_names] DNS.1 = localhost

Langkah selanjutnya ialah menciptakan akta untuk local development alias domain localhost.
1. server.key
openssl req -new -sha256 -nodes -out server.csr -newkey rsa:2048 -keyout server.key -config <( cat server.csr.cnf )

2. server.crt
openssl x509 -req -in server.csr -CA rootCA.pem -CAkey rootCA.key -CAcreateserial -out server.crt -days 500 -sha256 -extfile v3.ext

Jika langkah diatas dilakukan dengan benar, maka isi folder LocalHTTPS ialah ibarat dibawah ini.

 Dari sekian banyak tutorial yang beredar di internet mengenai cara install HTTPS pada loc Cara Install Valid SSL (HTTPS) pada Local Development (Localhost)

Mengimpor Root Sertifikat SSL

Untuk macOS, kita sanggup melaksanakan import root akta melalui fitur Keychain Access ibarat artikel berikut: How to get HTTPS working on your local development environment in 5 minutes.

Karena saya pengguna Linux, bukan macOS, jadi untuk mengakalinya, kita akan melaksanakan import root akta tersebut pribadi melalui browser.

Import root akta SSL pada Google Chrome

Buka Settings > Advanced > Manage Certificates atau cukup masukkan alamat berikut pada Google Chrome: chrome://settings/certificates

 Dari sekian banyak tutorial yang beredar di internet mengenai cara install HTTPS pada loc Cara Install Valid SSL (HTTPS) pada Local Development (Localhost)
Masuk ke tab AUTHORITIES kemudian klik IMPORT dan pilih root akta yang tadi kita buat: rootCA.pem.

Import root akta SSL pada Mozzila Firefox

Masuk ke Edit > Preferences > Privacy & Security > Certicifates > View Certificates. Sama ibarat tadi, masuk ke tab Authorities dan pilih import.

 Dari sekian banyak tutorial yang beredar di internet mengenai cara install HTTPS pada loc Cara Install Valid SSL (HTTPS) pada Local Development (Localhost)

Selesai, kini kita sudah berhasil mengimport root akta pada browser. Langkah terakhir ialah memakai akta tersebut.

Pada artikel ini saya memakai web server apache untuk local development.

Menggunakan Sertifikat SSL pada Localhost (Apache)

Aktifkan modul SSL dengan perintah berikut ini.
sudo a2enmod ssl sudo systemctl restart apache2

Pindahkan atau salin akta yang sudah kita buat diatas ke direktori /etc/ssl/certs/. Saya sarankan buat folder gres saja, sebagai referensi saya memakai nama folder 2018. Kaprikornus saya salin semua akta tersebut ke direktori /etc/ssl/certs/2018/disini

Edit konfigurasi SSL apache.
sudo nano /etc/apache2/sites-available/default-ssl.conf
Lalu gunakan akta SSL yang gres kita pindahkan ke folder /etc/ssl/certs/2018/.
 <IfModule mod_ssl.c>     <VirtualHost _default_:443>         ServerAdmin hello@.com         ServerName localhost          DocumentRoot /var/www/html         ErrorLog ${APACHE_LOG_DIR}/error.log         CustomLog ${APACHE_LOG_DIR}/access.log combined         SSLEngine on         SSLCertificateFile /etc/ssl/certs/2018/server.crt         SSLCertificateKeyFile /etc/ssl/certs/2018/server.key         <FilesMatch "\.(cgi|shtml|phtml|php)$">                         SSLOptions +StdEnvVars         </FilesMatch>         <Directory /usr/lib/cgi-bin>                         SSLOptions +StdEnvVars         </Directory>         BrowserMatch "MSIE [2-6]" \                         nokeepalive ssl-unclean-shutdown \                         downgrade-1.0 force-response-1.0         BrowserMatch "MSIE [17-9]" ssl-unclean-shutdown     </VirtualHost> </IfModule>      
Silahkan sesuaikan baris arahan yang dicetak tebal dengan local development anda kemudian simpan.

Langkah terakhir yaitu mengaktifkan modul SSL virtual host
sudo a2ensite default-ssl.conf sudo systemctl restart apache2

Testing HTTPS pada localhost

Sekarang tutup semua konfigurasi, buka browser dan masuk ke alamat https://localhost.

 Dari sekian banyak tutorial yang beredar di internet mengenai cara install HTTPS pada loc Cara Install Valid SSL (HTTPS) pada Local Development (Localhost)

Hmm.. it works!
Selesai, kini local development anda: localhost sudah full SSL tanpa adanya peringatan akta error.
Sumber https://www.wadagizig.com
Loading...

Subscribe to receive free email updates:

0 Response to "Cara Install Valid Ssl (Https) Pada Local Development (Localhost)"

Posting Komentar