{"id":27427,"date":"2022-03-08T12:33:27","date_gmt":"2022-03-08T05:33:27","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=27427"},"modified":"2024-07-04T17:00:15","modified_gmt":"2024-07-04T10:00:15","slug":"cara-install-ssl-di-xampp-windows-server","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-install-ssl-di-xampp-windows-server\/","title":{"rendered":"Cara install SSL di XAMPP Windows Server"},"content":{"rendered":"\n<p>SSL merupakan hal yang wajib digunakan pada website saat ini. Apabila anda tidak menggunakan SSL pada website, maka akan muncul pesan not secure di beberapa browser, salah satunya google chrome. Tentunya hal tersebut akan mempengaruhi kredibilitas pada website anda. Pada artikel ini, kami akan berbagi cara install SSL di XAMPP server.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Apa itu XAMPP?<\/h2>\n\n\n\n<p>XAMPP adalah singkatan dari Apache, MySQL, PHP dan Perl. Sedangkan untuk huruf X pada awal kata memiliki arti cross platform, yaitu dapat digunakan dalam Operating system yang berbeda.<\/p>\n\n\n\n<p>Penjelasan secara detail tentang apa itu XAMPP bisa anda pelajari, melalui artikel berikut : <a href=\"https:\/\/blog.rumahweb.com\/xampp-adalah\/\" title=\"xampp adalah\">XAMPP: Pengertian, Download dan Cara Install di Windows<\/a><\/p>\n\n\n\n<p>Sebagai salah satu web server, XAMPP dapat digunakan untuk instalasi SSL agar link url website anda bisa diakses melalui link HTTPS. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cara install SSL di XAMPP<\/h2>\n\n\n\n<p>Berikut adalah cara install SSL di XAMPP windows server. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"generate-key-csr-di-xampp\">Step 1. Generate Key dan CSR di XAMPP<\/h3>\n\n\n\n<p>Langkah pertama yang harus dilakukan, tentunya anda harus melakukan installasi dahulu aplikasi XAMPP di komputer atau server windows yang digunakan. Untuk installasinya bisa mengikuti panduan di <a href=\"https:\/\/www.rumahweb.com\/journal\/install-xampp-di-windows\/\" title=\"install xampp\">link ini<\/a><\/p>\n\n\n\n<p>Setelah itu kita akan melakukan generate CSR dan KEY pada xampp yang dapat dilakukan menggunakan <a href=\"https:\/\/www.rumahweb.com\/journal\/cara-generate-csr-online\/\" target=\"_blank\" rel=\"noopener\" title=\"\">tool online<\/a> atau pada control panel xampp, kemudian klik shell untuk mengakses terminal dari xampp.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/shell-menu-xampp.png\"><img loading=\"lazy\" decoding=\"async\" width=\"976\" height=\"240\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/shell-menu-xampp.png\" alt=\"shell button xampp\" class=\"wp-image-27428\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/shell-menu-xampp.png 976w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/shell-menu-xampp-300x74.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/shell-menu-xampp-768x189.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/shell-menu-xampp-370x91.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/shell-menu-xampp-270x66.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/shell-menu-xampp-570x140.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/shell-menu-xampp-740x182.png 740w\" sizes=\"auto, (max-width: 976px) 100vw, 976px\" \/><\/a><\/figure>\n\n\n\n<p>Setelah terminal XAMPP muncul, silahkan eksekusi perintah berikut : <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>openssl genrsa -des3 -out server.key 2048<\/code><\/pre>\n\n\n\n<p>Untuk <a href=\"https:\/\/blog.rumahweb.com\/server-adalah\/\" title=\"server adalah\">server<\/a> bisa anda ubah dengan nama file yang akan digunakan. Setelah mengeksekusi perintah tersebut, maka anda akan diminta memasukkan pasphrase. Passphrase ini akan digunakan saat anda melakukan generate private key dan CSR.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code><\/code><code>openssl genrsa -des3 -out latihan.key 2048\nGenerating RSA private key, 2048 bit long modulus (2 primes)\n\u2026..+++++\n\u2026\u2026.+++++\ne is 65537 (0x010001)\nEnter pass phrase for latihan.key: (isikan passphrase yang digunakan dan mudah diingat)\nVerifying - Enter pass phrase for latihan.key: (isikan ul<\/code>ang passphrase)<\/pre>\n\n\n\n<p>Langkah selanjutnya adalah menjalankan perintah berikut untuk men-generate CSR dan private key. Anda dapat menggunakan perintah berikut : <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>openssl req -new -key server.key -out server.csr<\/code><\/pre>\n\n\n\n<p>ubah kata &#8220;server&#8221; dengan nama file yang digunakan sebelumnya.<\/p>\n\n\n\n<p>Setelah menjalankan perintah tersebut, anda akan diminta untuk memasukkan passphrase yang digunakan sebelumnya<br \/><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># openssl req -new -key server.key -out server.csr\nEnter pass phrase for server.key: isikan dengan passphrase yang sebelumnya dibuat\nYou are about to be asked to enter information that will be incorporated\ninto your certificate request.\nWhat you are about to enter is what is called a Distinguished Name or a DN.\nThere are quite a few fields but you can leave some blank\nFor some fields there will be a default value,\nIf you enter '.', the field will be left blank.\n-----\nCountry Name (2 letter code) &#091;AU]:kode negara\nState or Province Name (full name) &#091;Some-State]:Nama Provinsi\nLocality Name (eg, city) &#091;]:Nama Kota\nOrganization Name (eg, company) &#091;Internet Widgits Pty Ltd]:Nama perusahaan\nOrganizational Unit Name (eg, section) &#091;]:Divisi\/bagian\nCommon Name (e.g. server FQDN or YOUR name) &#091;]:domain\nEmail Address &#091;]:alamat email anda\n\nPlease enter the following 'extra' attributes\nto be sent with your certificate request\nA challenge password &#091;]: bisa dikosongkan\nAn optional company name &#091;]: bisa dikosongkan<\/code><\/pre>\n\n\n\n<p>setelah itu file CSR dan Private key akan tersimpan di folder C:\\XAMPP dengan nama sesuai yang anda gunakan saat generate sebelumnya.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2. Konfigurasi ssl<\/h3>\n\n\n\n<p>Setelah menggenerate file CSR dan Key, silahkan melakukan copy text yang ada di file CSR, dan menginputkannya pada halaman clientzone. <\/p>\n\n\n\n<p>Untuk konfigurasi SSL pada halaman clientzone, anda dapat mengikuti panduan di <a href=\"https:\/\/www.rumahweb.com\/journal\/konfigurasi-ssl-dari-halaman-clientzone-rumahweb\/\" title=\"cara konfigurasi ssl\">link ini<\/a>. Nantinya anda harus memilih satu dari 3 metode verifikasi yaitu email, DNS, dan http.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Verifikasi SSL<\/h4>\n\n\n\n<p>Setelah melakukan konfigurasi SSL di clientzone, anda harus melalkukan verifikasi sesuai dengan metode verifikasi yang anda pilih. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Email<br \/>Apabila anda memilih verifikasi dengan metode email, maka anda harus melakukan klik link verifikasi yang telah dikirimkan ke akun email yang anda pilih saat konfigurasi SSL.<\/li>\n\n\n\n<li>DNS<br \/>Apabila metode verifikasi yang anda pilih adalah DNS, maka anda harus membuat record cname\/txt sesuai dengan yang ditampilkan di halaman clientzone setelah konfigurasi SSL dilakukan.<\/li>\n\n\n\n<li>HTTP<br \/>Apabila anda memilih metode verifikasi http, anda diharuskan membuat url yang telah ditentukan dan berisi file kode verifikasi. Detail informasi url dan kode juga akan muncul setelah proses konfigurasi SSL di clientzone dilakukan.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3. Install SSL di XAMPP<\/h3>\n\n\n\n<p>Setelah anda selesai melakukan verifikasi SSL, maka anda akan mendapatkan file certifficate yang dapat anda install pada server XAMPP yang anda gunakan. File certifficate SSL bisa anda download melalui halaman clientzone setelah SSL terbit.<\/p>\n\n\n\n<p>Setelah anda mendapat file SSL, silahkan download file CRT, kemudian letakkan di folder installasi XAMPP yang digunakan.<\/p>\n\n\n\n<p>Kemudian lakukan edit file &#8220;<strong>xampp\\apache\\conf\\extra\\httpd-ssl.conf<\/strong>&#8220;. Silahkan isikan dengan script berikut pada file tersebut : <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><code>&lt;virtualhost contohdomain.com:443&gt;\nDocumentRoot \"lokasi folder root domain\" \nServerName contohdomain.com \nServerAlias www.contohdomain.com \nSSLEngine on \nSSLCertificateFile \"isikan path file CRT\"\nSSLCertificateKeyFile \"isikan path file private key\"\nSSLCACertificateFile \"isikan path file CA-bundle\"\n&lt;\/virtualhost&gt;<\/code><\/pre>\n\n\n\n<p>Selanjutnya anda dapat melakukan restart apache XAMPP dengan cara stop dan start melalui panel XAMPP seperti gambar berikut : <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/restart-apache.png\"><img loading=\"lazy\" decoding=\"async\" width=\"664\" height=\"436\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/restart-apache.png\" alt=\"restart apache - cara install ssl di xampp windows server\" class=\"wp-image-27429\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/restart-apache.png 664w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/restart-apache-300x197.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/restart-apache-370x243.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/restart-apache-270x177.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/restart-apache-570x374.png 570w\" sizes=\"auto, (max-width: 664px) 100vw, 664px\" \/><\/a><\/figure>\n\n\n\n<p>Setelah restart sukses, anda dapat melakukan test akses nama domain anda melalui url https:\/\/.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/ssl-xampp-berhasil.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/ssl-xampp-berhasil-1024x476.png\" alt=\"ssl xampp berhasil\" class=\"wp-image-27430\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/ssl-xampp-berhasil-1024x476.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/ssl-xampp-berhasil-300x139.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/ssl-xampp-berhasil-768x357.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/ssl-xampp-berhasil-370x172.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/ssl-xampp-berhasil-270x125.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/ssl-xampp-berhasil-570x265.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/ssl-xampp-berhasil-740x344.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/03\/ssl-xampp-berhasil.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Bagaimana, cukup mudah bukan untuk install SSL di XAMPP windows server. Semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>SSL merupakan hal yang wajib digunakan pada website saat ini. Apabila anda tidak menggunakan SSL pada website, maka akan muncul pesan not secure di beberapa browser, salah satunya google chrome. Tentunya hal tersebut akan mempengaruhi kredibilitas pada website anda. Pada artikel ini, kami akan berbagi cara install SSL di XAMPP server. Apa itu XAMPP? XAMPP [&hellip;]<\/p>\n","protected":false},"author":322,"featured_media":27433,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[176],"tags":[250,760,1747],"class_list":{"0":"post-27427","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-ssl","8":"tag-ssl","9":"tag-xampp","10":"tag-xampp-windows-server"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/27427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/322"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=27427"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/27427\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/27433"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=27427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=27427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=27427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}