Jika Anda membuat situs web, Anda mungkin ingin mengujinya sebelum menghostingnya di internet untuk memastikannya berfungsi dengan baik.
Idealnya, Anda harus menguji situs Anda di server web yang sama dengan yang akan dijalankannya saat Anda ditayangkan. Ini memungkinkan Anda untuk memastikan bahwa situs Anda akan berperilaku dalam produksi dengan cara yang sama berperilaku secara lokal. Untungnya, sebagian besar server web mudah dipasang dan digunakan di komputer lokal Anda.
Pada PC Windows, Anda dapat menggunakan Layanan Informasi Internet (IIS). IIS hadir gratis dengan Windows, jadi yang perlu Anda lakukan hanyalah mengaktifkan dan mengonfigurasinya untuk melihat situs web Anda.
Apa itu Layanan Informasi Internet?
IIS adalah server web yang dapat Anda gunakan untuk meng-host situs web statis atau dinamis. SEBUAH server web bekerja dengan menyajikan konten—seperti HTML, JavaScript, atau file media—ke browser pengguna, sebagai tanggapan atas permintaan.
Beberapa kerangka kerja seperti Angular sudah memiliki server web bawaan dasar. Ini akan melayani situs web Anda untuk dipratinjau dan diuji secara lokal, menggunakan domain localhost. Namun, ada beberapa skenario di mana Anda perlu menyiapkan server web lengkap sendiri.
Salah satu contohnya adalah saat memublikasikan adegan dari proyek Unity. Anda mungkin mendapatkan kesalahan jika mencoba membuka file index.html langsung di browser Anda, tanpa menjalankan server web. Dalam hal ini, Anda dapat menyimpan file Unity WebGL Anda di IIS, dan menjalankannya di server.
Cara Mengaktifkan IIS
Aktifkan IIS menggunakan Nyalakan dan Matikan Fitur Windows menu pada Windows.
- Pencarian untuk Nyalakan dan Matikan Fitur Windows menggunakan bilah pencarian:
- Pilih Layanan Informasi Internet pilihan:
- Mengembangkan Layanan Informasi Internet, dan pilih semua sub-fitur yang Anda perlukan:
- Klik Oke, dan tunggu hingga Windows menerapkan perubahan baru. Di masa mendatang, jika Anda memutuskan untuk menghapus atau mengubah fitur apa pun, Windows mungkin meminta Anda untuk me-restart komputer Anda sebelum menerapkannya.
- Cari aplikasi IIS, yang sekarang akan tersedia untuk dibuka di komputer Windows Anda:
- Buka IIS untuk melihat konsol IIS:
Cara Membuat Situs Uji Coba Sederhana
Membuat website statis sederhana menggunakan HTML dan CSS.
- Buat file baru bernama index.html. Tambahkan konten berikut ke file:
<!DOCTYPE html>
<html lang="en-kita">
<kepala>
<judul> Situs Tes Sederhana </title>
<konten meta="teks/html; rangkaian karakter = utf-8" />
<link rel="lembar gaya" href="style.css">
<link rel="lembar gaya" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<skrip src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<skrip src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<tubuh>
<kelas div="navigasi">
<kelas navigasi ="navbar navbar-nav terbalik">
<kelas div="navbar-header">
<satu kelas ="navbar-merek" href="#"> Situs web </sebuah>
</div>
<kelas ul ="nav navbar-nav">
<kelas li ="aktif"><a href="#"> Rumah </sebuah></li>
<li><a href="#"> Tentang </sebuah></li>
<li><a href="#"> Kontak </sebuah></li>
</ul>
</nav>
</div>
<kelas div="wadah">
<h1> Ini adalah situs web pengujian </h1>
</div>
</body>
</html> - Buat file CSS baru bernama style.css. Tambahkan gaya berikut ke file.
* {
font-family: Sans Serif;
}.nav {
radius batas: 0px !penting;
warna: putih;
}.tautan {
margin-kanan: 10px;
ukuran huruf: 12titik;
}.merek {
margin-kiri: 20px;
margin-kanan: 40px;
ukuran huruf: 18titik;
}.wadah {
perataan teks: tengah;
lapisan: 40px 20px;
} - Buat folder baru di C:\inetpub\wwwroot direktori di komputer Anda, yang disebut Situs Web MyTest. Folder ini khusus digunakan untuk menyimpan halaman web dan konten lain yang membentuk situs web Anda.
- Salin atau pindahkan index.html dan style.css file ke yang baru Situs Web MyTest map.
Cara Menambahkan dan Mengonfigurasi Situs Web Anda Menggunakan IIS
Untuk meng-host situs web Anda menggunakan IIS, buat situs web baru dan arahkan ke konten Anda.
- Di bilah sisi kiri konsol IIS, klik kanan pada Situs direktori.
- Dari opsi di menu, pilih Tambahkan Situs Web, untuk membuka jendela konfigurasi:
- Tambahkan nama ke Nama situs, seperti "Situs Web Pengujian Saya". IIS akan secara otomatis mengisi kolom untuk kumpulan Aplikasi.
- Tambahkan jalur fisik, yang merupakan lokasi tempat Anda menyimpan file situs web di komputer. Klik pada tiga titik untuk memilih folder. Dari menu, navigasikan ke Situs Web MyTest folder, di bawah C:\inetpub\wwwroot direktori.
- Pilih https sebagai Jenis. Standarnya Pelabuhan untuk HTTPS adalah 443, tetapi Anda dapat mengubah port ke port lain jika sedang digunakan.
- Anda juga dapat mengonfigurasi nama host, tetapi biarkan kosong untuk saat ini.
- Untuk Sertifikat SSL, Pilih Sertifikat Pengembangan Ekspres IIS.
- Pilih Mulai Situs Web segera, dan klik Oke.
- Sorot yang baru Situs Pengujian Saya direktori di kolom sebelah kiri.
- Klik Pengaturan lanjutan, yang ada dalam daftar opsi di sisi kanan panel.
- Di bawah bagian Perilaku, ubah Protokol yang Diaktifkan pilihan untuk "https", dan klik pada Oke.
- Jika Anda ingin mengedit detail ini kapan saja, Anda dapat mengklik Pengaturan dasar atau Pengaturan lanjutan pilihan di menu sebelah kanan.
Cara Menghentikan, Memulai, atau Memulai Ulang Situs Web Anda di Server Web
Untuk memulai server web Anda dan melihat situs web Anda, klik opsi Browse di menu sebelah kanan. Anda juga dapat memulai ulang atau menghentikan server web kapan saja.
- Untuk menjalankan server web Anda, klik Jelajahi *:443 (https) di menu sebelah kanan.
- Situs web Anda sekarang harus berjalan di server web. Anda dapat mengaksesnya melalui URL https://localhost/. Jika Anda menerima peringatan tentang koneksi situs Anda yang tidak aman, Anda mungkin harus menggunakan sertifikat SSL valid yang berbeda. Anda dapat menemukan yang baik dokumentasi dari Microsoft tentang bagaimana Anda dapat membuat Sertifikat SSL baru dan menggunakannya di IIS.
- Untuk menghentikan atau memulai ulang server web, klik Berhenti atau Mengulang kembali di menu sebelah kanan.
Hosting Situs Web Menggunakan IIS
Pengujian lokal adalah bagian penting dari siklus pengembangan apa pun, termasuk saat Anda membuat situs web.
Anda dapat meng-host situs web Anda secara lokal menggunakan server web Layanan Informasi Internet (IIS). Anda dapat menggunakannya untuk meng-host situs web statis apa pun (seperti situs HTML atau CSS standar) atau situs web dinamis (seperti situs ASP.NET).
Ada berbagai opsi yang dapat Anda pilih saat menghosting situs web Anda secara online. Jika Anda menghosting situs web sederhana, Anda dapat menyimpan file situs web Anda di Dropbox, Google Drive, atau One Drive, sebelum menghostingnya.
