Tutorial Praktis Virtual host & Secure Socket Layer

45
TUTORIAL PRAKTIS VIRTUAL HOST & SECURE SOCKET LAYER OLEH MUHAMAD IKHSAN PRASASTIA

Transcript of Tutorial Praktis Virtual host & Secure Socket Layer

Page 1: Tutorial Praktis Virtual host & Secure Socket Layer

TUTORIAL PRAKTIS VIRTUAL HOST & SECURE

SOCKET LAYEROLEH MUHAMAD IKHSAN PRASASTIA

Page 2: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE VHOST

Jalankan Command Prompt sebagai Administrator. Kemudian ketik cd drivers/etc untuk masuk kedalam folder etc dan ketik notepad hosts untuk membuka berkas hosts dalam format txt.

Page 3: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE VHOST

Tambahkan nama hosts anda yang biasanya dibuat seperti nama domain. Setelah selesai di edit jangan lupa di save, bisa anda tekan Ctrl+S atau pilih File>Save.

Page 4: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE VHOST Kita coba ping untuk melihat apakah hosts baru yang kita buat tadi berhasil

atau gagal.

Page 5: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE VHOST

• Selanjutnya masuk ke folder xampp>apache>conf dan buka file httpd.conf menggunakan notepad. Kemudian tambahkan codingan seperti yang saya lingkari di gambar.

Page 6: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE VHOST

• Langkah selanjutnya buat folder baru didalam folder xampp>apache>conf. Rename folder dengan nama sites-enabled. Setelah selesai, buka folder yang telah kita buat barusan.

Page 7: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE VHOST• Buka aplikasi notepad, lalu isi atau koding seperti kodingan pada gambar

dibawah ini.

Page 8: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE VHOST

• Kemudian save dengan nama hosts yang kita buat pada langkah pertama, dengan ditambah .conf (wajib ditambah) pada akhir nama, sebagai format file yang kita buat.

Page 9: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE VHOST

• Lalu kembali ke dalam folder xampp. jadi kita tidak lagi didalam folder xampp>apache>conf. Tetapi Sekarang kita hanya berada pada folder xampp. Pada folder xampp kita buat folder baru dengan nama vhosts.

Page 10: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE VHOST

• Didalam folder vhosts yang kita buat tadi, kita buat lagi folder baru dengan nama hosts yang kita buat pada langkah pertama. Kemudian masuk kedalam folder tersebut, buat lagi dua folder baru dengan nama logs dan public_html.

Page 11: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE VHOST

• Silahkan isi folder public_html dengan apllikasi web yang anda buat.

Page 12: Tutorial Praktis Virtual host & Secure Socket Layer

TRIAL• Untuk melihat hasilnya, langkah pertama adalah Start Apache dan MySQL (jika

anda menggunakan database) pada xampp anda.

Page 13: Tutorial Praktis Virtual host & Secure Socket Layer

TRIAL

• Buka Search Engine, ketik nama hosts yang anda buat tadi, kemudian Enter.

Page 14: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE SECURE SOCKET LAYER• Buka command prompt, ketik cd\ atau cd/. Perintah ini berfungsi untuk

kembali pada drive C. Kemudian ketik mkdir sslcert.

Page 15: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE SECURE SOCKET LAYER• Ketik cd /sslcert untuk masuk ke dalam folder sslcert. Lalu ketik mkdir certs

private untuk membuat dua folder, satu folder dengan nama certs dan satu folder dengan nama private.

Page 16: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE SECURE SOCKET LAYER

• Ketik echo 100001 >serial untuk membuat sebuah berkas yang bernama serial dengan isinya adalah 100001. Kemudian ketikan lagi perintah 100001 enter. sebagai isi dari berkas kita untuk di copy.

Page 17: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE SECURE SOCKET LAYER

• Ketik echo 100001 >serial untuk membuat sebuah berkas yang bernama serial dengan isinya adalah 100001. Kemudian ketikan lagi perintah 100001 enter. sebagai isi dari berkas kita untuk di copy.

• Jika muncul overwrite serial? (Yes/No/All), ketik All kemudian enter, selanjutnya tekan ctrl+z lalu enter, untuk menyelesaikan printah.

Page 18: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE SECURE SOCKET LAYER• Kemudian ketik notepad certindex.txt untuk membuat file certindex.txt. Jika

muncul pertanyaan seperti gambar di bawah ini, silahkan pilih Yes.

Page 19: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE SECURE SOCKET LAYER

• Ketik notepad openssl.cnf, perintah ini sama dengan perintah sebelumnya, hanya saja file ini bernama openssl.cnf. Jika muncul lagi pertanyaan seperti pada perintah notepad certindex.txt maka pilihlah Yes.

Page 20: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE SECURE SOCKET LAYER

• selanjutnya isi file notepad openssl.cnf dengan kodingan berikut;

Page 21: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE SECURE SOCKET LAYER

• Lanjutan...

Page 22: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE SECURE SOCKET LAYER

• Lanjutan...

Page 23: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE SECURE SOCKET LAYER• Setelah selesai, silahkan di save dengan cara menekan Ctrl+S atau pilih file dan

save.

Page 24: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE CERTIFICATE CA

• Buka Command Prompt, silahkan ketik C:\xampp\apache\bin\openssl.exe req -new -x509 -extensions v3_ca -keyout private\CAkey.pem -out CAcert.pem -days 3650 -config ./openssl.cnf

Page 25: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE CERTIFICATE CA

• Selanjutnya ikuti gambar berikut;

Page 26: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE CERTIFICATE LOCALHOST

• Buka Command Prompt, silahkan ketik C:\xampp\apache\bin\openssl req -new -nodes -out localhost-req.pem -keyout private/localhost-key.pem -config ./openssl.cnf

Page 27: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE CERTIFICATE LOCALHOST

• Selanjutnya ikuti gambar berikut;

Page 28: Tutorial Praktis Virtual host & Secure Socket Layer

MENANDATANGANI LOCALHOST REQUEST CERTIFICATE• Buka Command Prompt, silahkan ketik

• set path=D:\xampp\apache\bin;%PATH% untuk menyeting PATH agar ketika nanti kita mengetikkan perintah request maka dia berjalan sesuai dengan keinginan.

• Kemudian ketik openssl ca -out localhost.crt.pem -config ./openssl.cnf -infiles localhost-req.pem untuk menandatangi sertifikat.

Page 29: Tutorial Praktis Virtual host & Secure Socket Layer

MENANDATANGANI LOCALHOST REQUEST CERTIFICATE• Berikut contoh penandatanganan sertifikat yang saya buat;

• Sampai langkah ini kita telah selesai membuat dan menandatangani sertifikat localhost kita.

Page 30: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE CERTIFICATE VHOST• Buka Command Prompt, silahkan ketik D:\xampp\apache\bin\openssl req -new

-nodes -out vhosts-req.pem -keyout private/vhosts-key.pem -config ./openssl.cnf kemudian ketik seperti yang digambar kedua.

Page 31: Tutorial Praktis Virtual host & Secure Socket Layer

MENANDATANGANI LOCALHOST REQUEST CERTIFICATE• Buka Command Prompt, silahkan ketik

• set path=D:\xampp\apache\bin;%PATH% untuk menyeting PATH agar ketika nanti kita mengetikkan perintah request maka dia berjalan sesuai dengan keinginan.

• Kemudian ketik openssl ca -out vhosts.crt.pem -config ./openssl.cnf -infiles vhosts-req.pem untuk menandatangi sertifikat.

Page 32: Tutorial Praktis Virtual host & Secure Socket Layer

CREATE CERTIFICATE LOCALHOST• Selanjutnya ikuti gambar berikut;

• Sampai langkah ini kita telah selesai membuat dan menandatangani sertifikat localhost kita.

Page 33: Tutorial Praktis Virtual host & Secure Socket Layer

SETTING KEY

• Copy kunci public key yang berada pada drive C>sslcert.

Page 34: Tutorial Praktis Virtual host & Secure Socket Layer

SETTING KEY• Paste file yang telah kita copy tadi ke folder xamp>apache>conf>ssl.crt

• Selanjutnya kita copy file private key yang berada pada drive C>sslcert>private. Silahkan copy file localhost-key.pem dan vhosts-key.pem

Page 35: Tutorial Praktis Virtual host & Secure Socket Layer

SETTING KEY• Paste file yang telah kita copy tadi ke folder xamp>apache>conf>ssl.crt

• Selanjutnya kita copy file private key yang berada pada drive C>sslcert>private. Silahkan copy file localhost-key.pem dan vhosts-key.pem

Page 36: Tutorial Praktis Virtual host & Secure Socket Layer

SETTING KEY

• Paste dua file private key tadi pada folder xampp>apache>conf>ssl.key, liat gambar;

Page 37: Tutorial Praktis Virtual host & Secure Socket Layer

EDIT FILE HTTPD-SSL.CONFIG

• Edit file httpd-ssl.conf pada xampp>apache>conf>extra dan pilih file yang bernama httpd-ssl.conf, buka file tersebut menggunakan notepad.

Page 38: Tutorial Praktis Virtual host & Secure Socket Layer

EDIT FILE HTTPD-SSL.CONFIG• Tambahkanlah dibarisan bawah dengan kodingan seperti digambar, kemudian

save.

Page 39: Tutorial Praktis Virtual host & Secure Socket Layer

SETTING & IMPORT CERTIFICATE

• Pastikan xampp anda, Apache dan MySQL telah anda Start.

Page 40: Tutorial Praktis Virtual host & Secure Socket Layer

SETTING & IMPORT CERTIFICATE• Silahkan buka search engine, buka pengaturannya (lihat gambar). Muncul

jendela baru yang menampilakan seperti gambar dibawah ini.

Page 41: Tutorial Praktis Virtual host & Secure Socket Layer

SETTING & IMPORT CERTIFICATE

• Pilih Canggih>sertifikat, kemudian klik Tampilkan Sertifikat.

Page 42: Tutorial Praktis Virtual host & Secure Socket Layer

SETTING & IMPORT CERTIFICATE

• Maka akan muncul jendela Pengelola Sertifikat, lalu silahkan pilih impor...

Page 43: Tutorial Praktis Virtual host & Secure Socket Layer

SETTING & IMPORT CERTIFICATE

• Selanjutnya pilihlah sertifikat/public key kita, yang berada pada folder xampp>apache>conf>ssl.crt, impor file localhost.

Page 44: Tutorial Praktis Virtual host & Secure Socket Layer

SETTING & IMPORT CERTIFICATE

• Buka search engine dengan https://ikhsan.prasastia.com

Page 45: Tutorial Praktis Virtual host & Secure Socket Layer

SEKIANTUTORIAL PRAKTIS

VIRTUAL HOST &SECURE SOCKET LAYER

SEMOGA BERMANFAAT