Final project virtual hosts + ssl

Final Project VirtualHosts +

SSLOleh :

Devinta Sari11453204925

Menjalankan CMD sebagai

Administrator

Klik icon Search windows yang terletak pada bagian kedua bawah pada komputer/laptop anda.

Pada Kolom Search program and File Tuliskan CMD » Pilih Command Prompt » Klik Kanan Pada Command Prompt » Run as Administrator

Menjalankan CMD sebagai

Administrator

Setelah kita berhasil menjalankan CMD, maka kita lakukan pengujian dengan menjalankan perintah SET US.

Host file digunakan oleh sistem operasi untuk

meng-override settingan DNS yang diberikan oleh DNS Server.

Disini kita perlu hak akses sebagai administrator untuk dapat mengedit file hosts untuk menambahkan alamat IP kita.

Tutorial kali ini kita akan menambahkan alamat IP 127.0.0.0 dengan DNS devinta.sari.com pada file hosts

Berkas Host

Berkas Host

Jalankan CMD sebagai Administrator seperti tugas sebelumnya, Lalu ketikan perintah :

notepad \Windows\System32\drivers\etc\hosts

Berkas Host

Setelah itu tekan enter maka secara otomatis akan muncul notepad. Lalu tambahkan dua baris pada bagian bawah, misal 127.0.0.1 devinta.sari.com dan 127.0.0.1 devinta.sari tanpa .com. Jangan lupa untuk mensave hosts tersebut.

Berkas Host

Langkah selanjutnya kita akan melakukan pengujian apakah berkas hosts tersebut telah berhasil ditambah atau belum, dengan cara ketikan perintah ping devinta.sari.com pada CMD.

Menghentikannya ctrl+c

Salah satu HTTP Daemon yang paling banyak

digunakan adalah apache. http://httpd.apache.org/ Apache mendukung VirtualHost.

Setelah berhasil membuat berkas hosts, maka yang selanjutnya akan kita lakukan adalah mensetting virtualhost.

VirtualHost pada Apache (XAMPP)

http://httpd.apache.org/

VirtualHost pada Apache

(XAMPP)

Tambahkan settingan pada berkas httpd.conf, yang berada pada C:\xampp\apache\conf\httpd.conf


(XAMPP)

Kemudian tambahkan settingan seperti pada gambar pada baris terakhir dan jangan lupa untuk menyimpannya


(XAMPP)

Buatlah sebuah folder sites-enabled pada direktor conf dengan perintah : mkdir C:\xampp\apache\conf\sites-enabled


(XAMPP)

Setelah itu buatlah sebuah berkas di dalam folder sites-enabled tadi, dengan perintah : notepad C:\xampp\apache\conf\sites-enabled\devinta.sari.conf


(XAMPP)

Kemudian tambahkan baris berikut pada notepad seperti pada gambar


(XAMPP)

Langkah selanjutnya kita buat direktori vhosts untuk meletakan logs dan tempat penyimpanan sebuah website yang akan kita buat pada public_html


(XAMPP)

setelah itu, kita akan merestars Apache pada Xampp Control Panel dengan menekan tombol Stop, kemudian Start kembali.


(XAMPP)

Sekarang, seharusnya Apache Anda sudah memiliki setidaknya dua buah Document Root.

1. "C:/xampp/htdocs" untuk http://localhost


(XAMPP)

2. "C:/xampp/vhosts/ devinta.sari /public_html" jika ada yang mengakses http://devinta.sari

SSL memastikan data transaksi yang terjadi

secara online di enkripsi/acak sehingga tidak dapat dibaca oleh pihak lain. Kegunaan utamanya adalah untuk menjaga keamanan dan kerahasiaan data ketika melakukan transaksi.

Dalam tutorial kali ini penulis berperan sebagai CA (Certificate Authority) yang akan menandatangani sertifikat sendiri serta merubah sertifikat SSL yang dimiliki oleh XAMPP

Mengganti Sertifikat SSL XAMPP

Mengganti Sertifikat SSL

XAMPP

Buka CMD, lalu ketikan perintah cd \ (enter)

1. Persiapan


XAMPP

Lalu buat folder baru dengan nama sslcert, untuk membuat direktori menggunakan CMD ketikan Perintah mkdir sslcert (enter)


XAMPP

Kemudian masuk kedalam folder sslcert dengan perintah cd \sslcert (enter)


XAMPP

Setelah berada pada folder sslcert, langkah selanjutnya adalah membuat 2 folder baru, yaitu folder certs dan private. ketikan perintah mkdir certs private (enter)


XAMPP

Sekarang buat sebuah berkas bernama serial, dan isi dengan 100001.

ketikan perintah : echo 100001 >serial (enter)selanjutnya ketikan : copy con serial (enter)100001 maka akan muncul pesan <Yes/No/All> :ketik All (enter)lalu tekan ctrl + z (enter)


XAMPP

Kemudian Buat sebuah berkas baru, namanya certindex.txt untuk menampung daftar sertifikat yang telah kita tandatangani

ketikan perintah notepad certindex.txt (enter)

Apabila muncul

pesan peringatan seperti pada gambar maka klik Yes, peringatan tersebut muncul karna file certindex belum ada, dan notepad akan membuat file tersebut.


XAMPP

Sekarang buat konfigurasi OpenSSL kita, dengan perintah notepad openssl.cnf (enter)

Klik yes saja Lalu copy-paste baris-baris berikut:## OpenSSL configuration file.## Establish working directory.dir = .[ ca ]default_ca = CA_default[ CA_default ]serial = $dir/serialdatabase = $dir/certindex.txtnew_certs_dir = $dir/certscertificate = $dir/cacert.pemprivate_key = $dir/private/cakey.pemdefault_days = 3650#default_md = md5default_md = sha1preserve = noemail_in_dn= nonameopt = default_cacertopt = default_capolicy= policy_match[ policy_match ]countryName = match


stateOrProvinceName = matchorganizationName = matchorganizationalUnitName = optionalcommonName = suppliedemailAddress = optional[ req ]default_bits = 2048 # Size of keysdefault_keyfile = key.pem # name of generated keys#default_md = md5 # message digest algorithmdefault_md = sha1 # message digest algorithmstring_mask = nombstr # permitted charactersdistinguished_name = req_distinguished_namereq_extensions = v3_req[ req_distinguished_name ]# Variable name Prompt string#------------------------- ----------------------------------0.organizationName = Organization Name (company)organizationalUnitName = Organizational Unit Name (department, division)emailAddress = Email AddressemailAddress_max = 40localityName = Locality Name (city, district)stateOrProvinceName = State or Province Name (full name)countryName = Country Name (2 letter code)countryName_min = 2countryName_max = 2commonName = Common Name (hostname.com, IP, or your name)commonName_max = 64# Default values for the above, for consistency and less typing.# Variable name Value#------------------------ ------------------------------0.organizationName_default = Universitas Islam Negeri Sultan Syarif KasimlocalityName_default = Pekanbaru


stateOrProvinceName_default = RiaucountryName_default = ID[ v3_ca ]basicConstraints = CA:TRUEsubjectKeyIdentifier = hashauthorityKeyIdentifier = keyid:always,issuer:always[ v3_req ]basicConstraints = CA:FALSEsubjectKeyIdentifier = hash



XAMPP

ketikan perintah berikut :

C:\xampp\apache\bin\openssl.exe req -new -x509 -extensions v3_ca -keyout private\CAkey.pem -out CAcert.pem -days 3650 -config ./openssl.cnf (enter)

2. Membuat Sertifikat CA


XAMPP

kemudian masukan password yang akan kita gunakan untuk sertifikat CA kita


XAMPP

setelah berhasil memasukan password, maka kita akan diminta untuk memasukan informasi yang di butuhkan pada sertifikat.

Dengan perintah di atas, kita sekarang sudah

memiliki sebuah kunci private untuk menandatangani sertifikat. Kunci private tersebut disimpan di folder private, dengan nama CAkey.pem.

Adapun berkas CAcert.pem adalah sertifikat public kita yang nanti akan digunakan oleh client untuk menginstal sertifikat kita.



XAMPP

ketikan perintah berikut ini C:\xampp\apache\bin\openssl req -new -nodes -out localhost-req.pem -keyout private/localhost-key.pem -config ./openssl.cnf (enter)

3. Membuat sertifikat untuk Localhost


XAMPP

kemudian masukan informasi yang dibutuhkan oleh sertifikat


XAMPP

Biasanya perintah ssl tidak mau jalan apabila kita belum mengsetting path nya.

Perintah : openssl

4. Menandatangani Sertifikat Request


XAMPP

Adapaun perintah untuk mengsetting path agar memasukkan direktori C:\xampp\apache\bin adalah :

set path=C:\xampp\apache\bin;%PATH% (enter)


XAMPP

Selanjutnya menandatangani sertifikat request dari localhost-req.pem tadi, gunakan perintah: openssl ca -out localhost.crt.pem -config ./openssl.cnf -infiles localhost-req.pem (enter)


XAMPP

Isi informasi yang dibutuhkan seperti gambar


XAMPP

Setelah Anda sukses membuat CRT dan KEY, sekarang Anda harus meletakkanya ke XAMPP.

5. Meletakkan CRT dan KEY ke Apache


XAMPP Jika XAMPP di

install di drive C:, maka coba navigasi ke folder C:\xampp\apache\conf

Letakkan CRT ke folder ssl.crt

Dan KEY ke ssl.key


XAMPP

Setelah itu, jangan lupa diganti konfigurasi Apache agar menggunakan sertifikat baru yang Anda buat. Konfigurasi yang harus diganti biasanya terletak di folder extra, cari berkas httpd-ssl.conf

kemudian ganti dengan sertifikat yang baruRestart XAMPP, sekarang Anda telah menggunakan sertifikat yang baru.


XAMPP

Buka Web Browser anda. (contoh menggunakan Mozila Firefox), kemudian pilih Tools » Option » Advance » Encryption » View Certificates

*contoh gambar menggunakan bahasa indonesia

6. Menginstall Sertifikat CA


XAMPP

lalu installkan sertifikat yang telah kita buat kedalam web browser.


XAMPP

Masukkan nama sertifikat yang kita buat tadi dan unduh sertifikat.


XAMPP

Setelah selesai mengikuti petunjuk maka akan keluar nama sertifikat kita


XAMPP

untuk melihat detail dari sertifikat yang telah kita install maka kita tinggal menekan view


XAMPP

Kita coba sertifikat yang telah diinstal tadi masukkan link

https://localhosts

*Jangan lupa xampp dihidupkan

https://localhosts/

SEKIAN

Final project virtual hosts + ssl

Education

Transcript of Final project virtual hosts + ssl