Cara mempratinjau situs web Anda sebelum server nama atau catatan DNS aktif

Ada beberapa situasi umum saat Anda ingin dapat melihat situs dengan mudah, tetapi belum bisa karena domain tidak mengarah ke akun hosting Anda:

1. Pengembangan :Situs ini masih dikembangkan sehingga domain menunjuk ke akun hosting yang berbeda di mana situs live sebelumnya berada. (Situs pengembangan Anda sama sekali tidak ditayangkan untuk umum).
2. Pengujian :Anda telah memigrasikan konten situs, dan Anda ingin menguji untuk memastikannya berfungsi dengan lancar sebelum mengubah DNS.
3. Menunggu :Anda ingin situs tersebut ditayangkan sekarang, tetapi Anda masih menunggu di server nama atau perubahan data DNS untuk disebarkan ke penyedia Internet Anda. (Catatan:alternatif untuk mempercepat perubahan DNS ini adalah dengan menggunakan layanan DNS yang diperbarui lebih cepat di perangkat Anda)

Apa pun situasi yang Anda alami, dapat diasumsikan bahwa mengunjungi situs web di browser tidak berfungsi sama sekali, atau menampilkan versi situs yang berbeda (lama/aktif), namun Anda tetap ingin mengaksesnya sekarang.

Ada beberapa trik untuk ini! Anda dapat:

1. Gunakan URL pratinjau Plesk Ini adalah opsi tercepat, tetapi jika Anda menggunakan WordPress, ini memerlukan penyesuaian pada wp-config.php agar berfungsi dengan lancar.
2. Gunakan subdomain sebagai gantinya Opsi ini mudah diterapkan, tetapi mengharuskan kami menghosting DNS atau Anda memiliki akses ke host DNS untuk membuat data secara manual.
3. Gunakan penggantian file HOSTS Ini sedikit lebih sulit untuk diterapkan, namun setelah Anda melakukan penyesuaian yang diperlukan pada komputer, ini adalah cara terbaik untuk mengembangkan situs web yang tidak aktif.

Gulir ke opsi pilihan Anda untuk mempelajari cara melakukannya.

Jika hosting WordPress Anda bersama kami dan Anda adalah pelanggan manajemen Platinum, Anda juga dapat meminta kami menangani opsi 1 atau opsi 2 untuk Anda!

Opsi 1:Gunakan URL pratinjau Plesk

Untuk menemukan URL pratinjau Plesk, masuk ke Plesk lalu lihat tepat di bawah tajuk biru yang menunjukkan nama domain Anda. Anda akan menemukan tombol bertuliskan "Pratinjau" dengan ikon mata. Klik untuk dibawa ke situs Anda melalui URL pratinjau.

Menggunakan URL Pratinjau dengan WordPress

Ada beberapa hal yang harus diperhatikan saat menggunakan URL pratinjau. Jika Anda melihat masalah yang sama terjadi dengan aplikasi web selain WordPress, solusinya akan serupa.

1. WordPress, akan 'menghancurkan' Anda dari URL pratinjau dan mencoba memaksa Anda ke situs langsung saat Anda mengeklik tautan apa pun di situs. Ini tidak terlalu membantu, karena Anda ingin tetap melihat/bekerja di situs di URL pratinjau, bukan di situs langsung!
2. Media apa pun yang Anda unggah atau tautan yang Anda buat di WordPress saat menggunakan URL pratinjau akan di-hardcode dengan URL pratinjau dan bukan URL langsung Anda, yang dapat menyebabkan masalah saat Anda menayangkannya. Banyak host web (termasuk host WordPress terkelola yang mahal) tidak menyediakan mekanisme apa pun untuk menyelesaikan masalah ini, tetapi mereka harus melakukannya, karena dapat menyebabkan beberapa masalah serius pada situs web Anda, terutama dalam jangka panjang.

Kiat:menggunakan penimpaan file HOSTS (Opsi 3 di bawah) akan menghindari kedua masalah ini dan meskipun penimpaan file HOSTS lebih sulit untuk disiapkan, mereka membuat peluncuran situs pengembangan jauh lebih sederhana . Oleh karena itu, kami menyarankan penggunaan penggantian file HOSTS untuk pengembangan dan hanya menggunakan URL pratinjau untuk menampilkan karya Anda kepada klien (hanya baca).

Untuk mengatasi masalah ini, selesaikan dua langkah berikut untuk menginstruksikan WordPress agar mengizinkan URL langsung dan URL pratinjau saat melihat situs dan menggunakan URL relatif untuk media dan saat membuat tautan di admin WordPress.

LANGKAH 1:

Gunakan Pengelola File Plesk untuk menyalin dan menempelkan kode berikut persis seperti adanya (jangan jangan ganti variabel dengan nilai aktual) di atas baris di wp-config.php yang berbunyi:/* That's all, stop editing! Happy blogging. */

define('WP_SITEURL', 'http://' . $_SERVER['SERVER_NAME']);
define('WP_HOME', 'http://' . $_SERVER['SERVER_NAME']);
define('WP_CONTENT_URL', '/wp-content');

LANGKAH 2:

Login ke admin WordPress di /wp-admin. Buka Plugins> Add New dan cari “Absolute <> Relative URLs ” dan pasang dan aktifkan plugin ini.

Meskipun Anda tidak akan *melihat* perbedaan saat bekerja di admin, ini akan menyimpan semua tautan sebagai URL relatif ke database, tetapi menampilkannya di tempat sebagai URL absolut agar WordPress senang. Saat Anda mengaktifkan situs, semua URL akan dialihkan ke domain aktif secara otomatis.

Saat Peluncuran :Sangat penting bagi SEO untuk memastikan Anda menghapus nilai konfigurasi WP_HOME dan WP_SITEURL khusus saat situs ditayangkan. Namun, jangan hapus nilai WP_CONTENT_URL , jika tidak, Anda mungkin mengalami masalah aneh dengan media. Anda harus juga dapat menghapus plugin “Absolute <> Relative URLs” saat ini dan semua URL mendatang akan disimpan dalam DB sebagai nilai absolut menggunakan nama domain langsung.

LANGKAH 3:

Login ke Plesk dan pilih "Pengaturan Hosting" untuk domain. Hapus centang opsi untuk menggunakan pengalihan SSL/HTTPS. Pengalihan ini akan memaksa https, yang tidak dapat Anda gunakan saat menggunakan URL pratinjau Plesk.

Opsi 2:Gunakan Subdomain (Menengah)

Jika alasan Anda ingin tidak aktifkan situs Anda adalah karena Anda berencana mengembangkan situs baru terlebih dahulu, opsi ini bagus untuk Anda.

1. Di Plesk, pilih opsi untuk Tambahkan Subdomain dan menyebutnya sesuatu seperti 'dev', 'staging', 'new', atau 'preview'.
   Perhatikan:jika DNS Anda tidak dihosting bersama kami, Anda sekarang harus masuk ke host DNS Anda (biasanya pencatat) dan menambahkan catatan DNS baru dengan tipe "A" yang mengarah ke IP untuk hosting Anda dengan kami seperti yang ditunjukkan di Plesk. Mungkin perlu waktu beberapa jam agar data DNS baru dapat diterapkan.
2. Instal WordPress ke subdomain baru menggunakan aplikasi web 1-klik (atau tiru dari situs utama jika Anda tidak ingin memulai dari awal).

Saat Anda siap untuk mengaktifkan situs, gunakan utilitas aplikasi web 1-klik kami untuk mengkloningnya dari subdomain dev ke domain utama. Pada tahap ini, jika Anda belum melakukannya, Anda dapat mengonfigurasi ulang domain Anda di registrar atau host DNS untuk mengaktifkannya.

Opsi 3:Penggantian Berkas HOSTS (Menengah)

Pengenalan Cepat ke DNS

Setiap kali Anda mengunjungi situs web seperti websavers.ca atau google.com, komputer Anda menanyakan server DNS Anda, biasanya disediakan oleh penyedia Internet Anda, untuk alamat IP numerik dari server tempat situs itu berada (terlihat seperti ini:123.123.123.123) . Ketika domain belum terdaftar atau belum mengarah ke paket hosting Websavers Anda, server DNS Anda akan mengatakan "Maaf, saya tidak tahu" atau memberikan alamat IP aktif saat ini, bukan yang untuk Websavers Anda menerima tamu.

Langkah-langkah berikut akan menunjukkan cara menginstruksikan komputer Anda untuk menggunakan IP/server tertentu setiap kali Anda mengunjungi situs web, menggantikan alamat IP aktif saat ini.

Mengganti DNS dengan file host

Windows, Linux, dan macOS semuanya menggunakan file khusus yang dikenal sebagai hosts file untuk mengonversi nama menjadi angka secara manual. Komputer Anda melihat host file sebelum memeriksa dengan server DNS Anda untuk mendapatkan IP yang cocok, jadi ketika Anda ingin menginstruksikan komputer Anda di server mana situs web Anda berada, inilah file yang akan digunakan!

Berikut lokasi file di Windows, Linux, dan macOS:

• Windows:c:/windows/system32/drivers/etc/hosts
• Linux:/etc/hosts
• macOS:/etc/hosts

Bagaimana cara menggunakan file host saya?

File tersebut mungkin memiliki beberapa informasi di dalamnya di bagian atas – biasanya informasi tentang cara menggunakan file tersebut. Kunci untuk memasukkan info secara akurat di file host adalah dengan menggunakan format berikut:
[ServerIPAddress] [DomainName1] [DomainName2]
Jadi, misalnya, websavers.ca mungkin terlihat seperti ini:

64.131.80.122 websavers.ca www.websavers.ca

Catatan: Saya telah menyertakan websavers.ca dan www. websavers.ca kalau-kalau kami mencoba mengakses situs dengan salah satu metode. Anda harus melakukan hal yang sama, jika tidak, Anda mungkin akan melihat hasil yang aneh.

Anda dapat mengedit file ini secara langsung menggunakan editor teks favorit Anda, tetapi perhatikan bahwa tidak selalu mudah untuk mengakses lokasinya. Windows biasanya menyembunyikan folder sistem itu, dan macOS mengklasifikasikannya sebagai bagian dari subsistem Unix-nya yang membuatnya tidak dapat dijangkau di browser file (Finder). Kami telah mencantumkan beberapa utilitas praktis di bawah ini untuk setiap sistem operasi yang akan mempermudah pengeditan file host Anda.

Tips mengedit file host yang praktis

macOS

Jika Anda menggunakan Mac, buka halaman proyek Gas Mask Google Code dan mulai instal!

Aplikasi ini membuka file host Anda secara otomatis dan memungkinkan Anda menyimpannya dengan menulis di atas file saat ini. Anda juga memiliki opsi untuk menyimpan banyak file host dan dengan mudah beralih di antaranya. Dengan cara ini Anda dapat menyimpan default serta yang berbeda untuk dengan mudah mengaktifkan dan menonaktifkan setiap situs yang sedang Anda kerjakan. Cukup buat yang baru dan masukkan IP dan nama situs menggunakan format di atas. Pilih file host yang ingin Anda aktifkan di sebelah kiri, lalu klik kotak centang di bilah alat untuk mengaktifkannya. Semua siap!

[Lanjutan] Anda juga dapat menggunakan editor teks berbasis terminal seperti vim. Buka terminal dan jalankan:

vim /etc/hosts
 

Namun berhati-hatilah, vim bukanlah yang termudah untuk digunakan! Anda harus mencari tutorial vim sebelum menggunakan opsi ini.

Jendela

Di Windows, Anda dapat menginstal aplikasi bernama Windows Hosts File Editor dan menggunakannya untuk membantu Anda mengedit file host.

Atau Anda dapat mengedit file secara manual dengan Notepad. Begini caranya:

1. Buka Menu Mulai dan cari Notepad
2. Saat Anda melihat Notepad di hasil, klik kanan dan pilih "Buka sebagai Administrator" (katakan ya untuk menyetujui prompt keamanan)
3. Pilih File> Buka dari bilah menu dan arahkan ke direktori yang ditampilkan di atas
4. Direktori akan tampak kosong. Di sisi paling kanan dari kotak "Nama file:" di bagian bawah jendela, klik tarik-turun yang berisi "Dokumen Teks (*.txt)" dan pilih opsi untuk "Semua File". Ini akan menampilkan file host dalam daftar di atas.
5. Klik dua kali pada file host untuk membukanya
6. Di bawah baris terakhir dengan # di depannya, ketikkan entri Anda menggunakan pola yang sama seperti yang ditunjukkan di atas — [IP] [Domain]
7. Pilih File> Simpan dari menu

Jika Anda mendapatkan kesalahan Terlarang tentang izin yang menunjukkan bahwa “Anda tidak memiliki izin untuk mengakses dokumen ini”, maka Anda melewatkan langkah #2. Anda harus menjalankan Notepad sebagai administrator agar memiliki izin untuk memperbarui file. Harap tutup Notepad dan mulai lagi.

Ada masalah dalam membuat aplikasi ini berfungsi? Punya aplikasi yang lebih baik untuk mengedit file HOSTS? Ada yang salah dengan petunjuk arah? Gunakan komentar di bawah untuk memberi tahu kami!

Pemecahan masalah

MASALAH SUMBER DAYA TEMA: Jika Anda menggunakan URL pratinjau dengan penggantian wp-config.php kami, dan Anda melihat sumber daya tema tidak dimuat dengan benar di front-end dan di admin WordPress, itu karena Anda menempatkan penggantian di bagian paling bawah wp- config.php — mereka harus ditempatkan di atas peringatan “stop editing” seperti dijelaskan di atas!