Cara Membuat Login Protected Area untuk Website Anda

Iklan

Anda telah belajar cara membuat situs web Cara Membuat Website: Untuk PemulaHari ini saya akan memandu Anda melalui proses pembuatan website lengkap dari awal. Jangan khawatir jika ini terdengar sulit. Saya akan memandu Anda melalui setiap langkah. Baca selengkapnya dan baca kami panduan jQuery Panduan Dasar JQuery untuk Pemrogram JavascriptJika Anda seorang programmer Javascript, panduan JQuery ini akan membantu Anda memulai coding seperti seorang ninja. Baca selengkapnya . Apa berikutnya? Membuat area yang dilindungi kata sandi untuk situs web Anda sangat penting untuk menjaga keamanan barang-barang Anda. Untungnya, ini lebih mudah dari yang Anda kira!

Mulai

Ada banyak cara untuk melindungi situs web dengan kata sandi. Anda dapat mengatur online basis data Jadi Apa Itu Basis Data? [MakeUseOf Menjelaskan]Bagi seorang programmer atau penggila teknologi, konsep database adalah sesuatu yang benar-benar bisa diterima begitu saja. Namun, bagi banyak orang konsep database itu sendiri agak asing... Baca selengkapnya

dan kode sistem login Anda sendiri, atau Anda dapat menggunakan sistem manajemen konten seperti WordPress Cara Mengatur Blog WordPress Self-hosted Gratis Baca selengkapnya .

Hari ini saya akan menunjukkan kepada Anda cara melindungi situs web Anda dengan kata sandi dengan menggunakan server web Anda.

Anda akan membutuhkan Server web Apache untuk mengikuti. Banyak server web lain yang menyediakan fungsionalitas serupa, tetapi langkah-langkah konfigurasi yang diperlukan mungkin berbeda.

Apache adalah salah satu server web paling populer di planet ini, dan seperti namanya, ia melayani halaman web. Ungkapan umum yang mungkin pernah Anda dengar adalah LAMPU, yang merupakan singkatan dari Linux, Apache, MySQL, dan PHP/Python/Perl. Anda tidak memerlukan bahasa pemrograman atau database apa pun hari ini, dan Anda juga tidak memerlukan Linux — varian Windows disebut a WAMP tumpukan.

Ada banyak variasi sekarang, karena banyak situs web beralih ke mesin basis data seperti PostgreSQL atau server web seperti NGINX, tetapi LAMP jauh lebih mudah diucapkan daripada LEMP, LAPP, LNMP, atau LNPP, sehingga dapat dianggap lebih sebagai frasa yang mencakup semua.

Jika Anda menggunakan hosting web Layanan Hosting Web Terbaik: Bersama, VPS, dan KhususMencari layanan web hosting terbaik untuk kebutuhan Anda? Berikut adalah rekomendasi terbaik kami untuk blog atau situs web Anda. Baca selengkapnya service untuk menjalankan situs web Anda, Anda sudah siap (asalkan menjalankan Apache). Jika Anda tidak yakin jenis hosting apa yang Anda butuhkan, lihatlah hosting situs web dijelaskan Penjelasan Berbagai Bentuk Hosting Situs Web [Penjelasan Teknologi] Baca selengkapnya . Jika Anda ingin mengembangkan atau bereksperimen di komputer Anda sendiri, Anda harus membuat lingkungan pengembangan web virtual Cara Membuat Lingkungan dan Server Pengembangan Web VirtualJadi, bagaimana Anda menyeimbangkan kemampuan Anda untuk melakukan banyak tugas dengan kebutuhan Anda untuk mengembangkan aplikasi web dalam konteks asli tempat aplikasi tersebut akan dijalankan? Masukkan mesin virtual. Baca selengkapnya .

Apa itu File .htaccess?

Htaccess, atau akses hiperteks adalah file konfigurasi. Ini digunakan untuk mengonfigurasi Apache sesuai kebutuhan Anda. Ini bekerja pada basis per-direktori, sehingga Anda dapat memiliki satu set aturan dan konfigurasi untuk hosting media Anda, dan set lain yang sama sekali berbeda untuk blog Anda. File htaccess disebut demikian setelah namanya. File htaccess adalah file teks yang disebut .htaccess. Perhatikan bagaimana ia tidak memiliki nama, melainkan ekstensinya disebut htaccess. Ini mungkin disembunyikan secara default di Windows, jadi lihat caranya lihat file dan folder tersembunyi Cara Melihat File dan Folder Tersembunyi di WindowsPerlu bekerja dengan file atau folder tersembunyi di Windows? Berikut cara melihatnya hanya dalam beberapa klik. Baca selengkapnya di Windows jika Anda mengalami masalah.

Inilah beberapa hal keren yang dapat dilakukan htaccess:

• Blokir pengunjung spam.
• Kompres halaman dengan cepat.
• Mencegah hotlinking gambar.
• Sajikan halaman kesalahan khusus.

Anda mungkin pernah melihat halaman kesalahan default. Mereka menyelesaikan pekerjaan, tetapi terlihat cukup mendasar:

Dengan Apache Anda dapat membuat halaman ini jauh lebih bagus, bersama dengan sejumlah fitur lainnya!

Konfigurasi htaccess

Sekarang setelah Anda tahu apa itu, mari kita siapkan htaccess. Anda harus mengaktifkannya terlebih dahulu, yang dilakukan dengan mengedit httpd.conf file, yang merupakan file konfigurasi Apache lainnya. Temukan baris berikut:

Jalur direktori (/var/www/htdocs) adalah lokasi root situs web Anda. Ini mungkin berbeda jika Anda telah mengubahnya. Ubah baris berikut berikut dari ini:

AllowOverride Tidak Ada

Untuk ini:

IzinkanOverride Semua

Restart Apache dan Anda sekarang akan siap untuk menggunakan file htaccess Anda. Jika Anda menggunakan penyedia hosting online, Anda mungkin perlu mengonfigurasi opsi ini di panel kontrol online Anda.

Inilah kode yang perlu Anda masukkan ke dalam file htaccess Anda:

Dasar Tipe Otentikasi. AuthName "Area Rahasia MUO" AuthUserFile /.htpasswd. Memerlukan pengguna yang valid

Simpan file htaccess ini di mana pun Anda suka. Menempatkannya di tingkat atas akan melindungi seluruh situs web Anda dengan kata sandi, atau Anda dapat meletakkannya di direktori tertentu, dan hanya melindungi folder itu.

Ada dua hal utama yang dilakukan. NS NamaOtentikasi disajikan kepada setiap pengguna yang mencoba masuk. Dalam hal ini, ini diatur ke "Area Rahasia MUO", tetapi Anda dapat mengubahnya menjadi apa pun yang Anda inginkan. NS FilePengguna Auth perlu menunjuk ke valid .htpasswd mengajukan. File ini harus berisi daftar nama pengguna dan kata sandi dalam format berikut:

pengguna: kata sandi

Itu dia! Situs web atau direktori Anda sekarang dilindungi kata sandi. Inilah yang terlihat saat Anda dimintai kredensial:

Peramban Anda mengontrol tampilan dan nuansa kotak masuk ini, jadi tidak mungkin untuk mengonfigurasinya. Anda mungkin ingin buat kata sandi yang kuat Cara Membuat Kata Sandi Kuat Yang Mudah Diingat Baca selengkapnya , dan pastikan bahwa keamanan situs web Anda yang lain dapat bertahan terhadap tindakan yang berpotensi jahat.

Pergi Lebih Dalam

Sekarang setelah Anda mengetahui dasar-dasarnya, mari kita lihat contoh lanjutannya. Katakanlah Anda ingin memberikan Server web Raspberry Pi Cara Meng-host Situs Web Anda Sendiri di Raspberry PiPerlu menjalankan situs web tetapi tidak mampu membayar biaya hosting? Bangun server web berkemampuan LAMP Anda sendiri dengan Raspberry Pi berdaya rendah. Baca selengkapnya akses ke direktori Anda yang dilindungi. Anda dapat mengonfigurasi Pi untuk menyediakan kredensial login yang benar, tetapi lebih mudah lagi untuk mengizinkan akses bebas kata sandi untuk Alamat IP tertentu.

Konfigurasikan Pi Anda dengan a alamat IP statis, lalu ganti contoh sebelumnya dengan kode baru ini:

Dasar Tipe Otentikasi. AuthName "Area Rahasia MUO" AuthUserFile /.htpasswd. Memerlukan pengguna yang valid. Perintah tolak, izinkan. Tolak dari semua. Izinkan dari 127.0.0.1. Memuaskan apapun

Kode ini berisi instruksi yang sama seperti contoh sebelumnya, dengan tambahan beberapa baris tambahan di bagian bawah. Yang paling penting adalah ini:

Izinkan dari 127.0.0.1

Ini memberitahu Apache untuk mengizinkan Alamat IP 127.0.0.1 akses bebas kata sandi. Siapa pun yang berasal dari Alamat IP yang berbeda harus memberikan nama pengguna dan kata sandi yang valid. Pastikan Anda mengubah 127.0.0.1 ke alamat IP Pi Anda atau perangkat lain yang ingin Anda berikan aksesnya.

Inilah halaman kesalahan default jika Anda tidak masuk dengan benar, atau tidak memiliki Alamat IP yang benar

Kiat Kinerja

Htaccess menyediakan cara yang brilian untuk mengonfigurasi berbagai hal di server web Anda, terutama jika Anda tidak memiliki banyak kendali atas server lainnya. Namun, mudah terbawa suasana, dan mengurangi kinerja situs web Anda secara signifikan. Jika Anda bisa, pertimbangkan untuk menggunakan PHP atau bahasa lain untuk melakukan tugas-tugas kompleks, dan simpan htaccess ketika persyaratan Anda lebih kecil, atau Anda tidak memiliki kendali penuh atas server.

Apakah Anda belajar sesuatu yang baru hari ini? Apa trik htaccess favorit Anda? Beri tahu kami di komentar di bawah!