SSL di Studio

Teks ini diterjemahkan menggunakan AI. Jika Anda ingin melihat teks asli dalam bahasa Inggris, klik di sini.

WordPress Studio menyertakan dukungan untuk HTTPS, sehingga Anda dapat membuat situs dengan koneksi aman yang lebih menyerupai lingkungan produksi. Fitur ini membuat pengalaman pengembangan lokal Anda lebih realistis dan membantu mengidentifikasi potensi masalah yang mungkin hanya terjadi dengan HTTPS.

Ikhtisar

Fitur dukungan SSL di WordPress Studio memungkinkan:

• Membuat situs dengan HTTPS yang diaktifkan
• Menggunakan domain kustom dengan sertifikat SSL yang sesuai
• Pengelolaan sertifikat otomatis
• Kompatibilitas browser tanpa peringatan keamanan (saat dipercaya)

Cara kerjanya

WordPress Studio menerapkan dukungan SSL melalui komponen berikut:

• Certificate Authority (CA): Studio membuat Certificate Authority miliknya sendiri yang menandatangani sertifikat untuk situs lokal Anda.
• Sertifikat Domain: Setiap situs dengan HTTPS yang diaktifkan menerima sertifikatnya sendiri yang ditandatangani oleh CA.
• Kepercayaan Sertifikat: Sistem membantu Anda memercayai sertifikat di sistem operasi Anda.
• Pengalihan HTTPS: Lalu lintas secara otomatis dialihkan dari HTTP ke HTTPS untuk situs dengan SSL yang diaktifkan.

Mengaktifkan HTTPS untuk situs

Perhatikan bahwa HTTPS memerlukan domain kustom, karena tidak dapat digunakan dengan alamat localhost default.

Untuk mengaktifkan HTTPS pada situs baru atau yang sudah ada:

1. Mulailah dengan membuat situs baru atau mengedit situs yang sudah ada menggunakan tombol “Edit situs” pada tab Pengaturan.
2. Jika membuat situs baru, aktifkan “Pengaturan lanjutan” di modal yang muncul.
3. Centang opsi “Gunakan domain kustom“.
4. Jika Anda belum menyediakannya, masukkan nama domain (harus diakhiri dengan .local) atau gunakan yang dibuat secara otomatis.
5. Centang opsi “Aktifkan HTTPS“.

6. Klik tombol “Tambahkan situs” atau Simpan, tergantung apakah Anda membuat situs baru atau mengedit situs yang sudah ada. 
7. Saat diminta, berikan izin kepada WordPress Studio untuk mengubah file hosts sistem. Studio akan mengonfigurasi hal lainnya secara otomatis. 
8. Untuk koneksi HTTPS, otoritas sertifikat root akan dibuat dan diinstal. Di MacOS, Anda perlu menginstal sertifikat secara manual untuk menghindari peringatan browser. Lihat panduan di bawah untuk detail selengkapnya.
9. Buka situs Anda menggunakan domain kustom.

Kepercayaan Sertifikat berdasarkan platform

Windows

Di Windows, WordPress Studio secara otomatis menambahkan CA ke penyimpanan kepercayaan sistem Anda. Proses ini memerlukan hak administrator, sehingga Anda mungkin melihat perintah User Account Control (Kontrol Akun Pengguna, UAC) saat mengaktifkan HTTPS.

MacOS

Di macOS, Anda perlu memercayai CA secara manual. Untuk melakukannya, temukan file sertifikat yang secara otomatis diinstal Studio di sistem Anda:

1. Buka tab Pengaturan pada situs dengan SSL yang diaktifkan.
2. Klik tautan “Percayai Sertifikat” di bawah Detail Situs.

3. Ini akan membuka folder yang berisi file sertifikat (studio-ca.crt). Klik dua kali file tersebut untuk menginstal sertifikat dan secara otomatis membuka alat Keychain Access di mesin Anda.
4. Temukan sertifikat WordPress Studio CA. Anda dapat memfilter item berdasarkan kata studio.

5. Klik dua kali sertifikat tersebut dan perluas bagian Trust (Kepercayaan).
6. Atur “Secure Sockets Layer(SSL)” ke “Always Trust (Selalu Percaya).” Anda dapat membiarkan semua pengaturan lainnya tetap sama.

7. Tutup dialog dan masukkan kata sandi Anda untuk mengonfirmasi.

Setelah sertifikat dipercaya, browser Anda akan mengenalinya dan menunjukkan bahwa situs HTTPS Anda aman.

Linux

Di Linux, Studio secara otomatis mengimpor otoritas sertifikat akar (CA) ke bundle sistem, database NSS pengguna keluarga Chromium, dan database NSS profil Firefox yang sudah ada (instalasi apt, Snap, dan Flatpak) saat Anda mengeklik Percayai Sertifikat. Sebagian besar pengguna tidak memerlukan langkah-langkah di bawah ini.

Gunakan opsi cadangan ini hanya jika kepercayaan otomatis belum berlaku.

Firefox (GUI)

1. Buka about:preferences#privacy.
2. Gulir ke Certificates (Sertifikat) dan klik View Certificates… (Lihat Sertifikat…).

3. Beralih ke tab Authorities (Otoritas) dan klik Import… (Impor…).

4. Pilih ~/.studio/certificates/studio-ca.crt.

5. Centang Trust this CA to identify websites (Percayai CA ini untuk mengidentifikasi situs web) dan klik OK (Oke).

6. Tutup Firefox sepenuhnya lalu jalankan kembali.

Chromium / Chrome / Brave / Edge (CLI)

Instal certutil jika belum tersedia:

sudo apt install libnss3-tools

Impor CA ke database NSS pengguna:

certutil -d sql:$HOME/.pki/nssdb -A -t 'C,,' -n 'WordPress Studio CA' -i ~/.studio/certificates/studio-ca.crt

Untuk Snap-Chromium, gunakan jalur database NSS khusus Snap sebagai gantinya:

certutil -d sql:$HOME/snap/chromium/current/.pki/nssdb -A -t 'C,,' -n 'WordPress Studio CA' -i ~/.studio/certificates/studio-ca.crt

Tutup sepenuhnya lalu buka kembali browser setelah impor.

Pemecahan masalah

Peringatan keamanan browser

Jika Anda melihat peringatan keamanan browser saat mengunjungi situs yang mengaktifkan HTTPS:

• Pastikan Anda telah memercayai sertifikat WordPress Studio CA di sistem Anda.
• Mulai ulang browser Anda setelah memercayai sertifikat.
• Bersihkan cache browser Anda jika peringatan masih muncul.