Создание имени пользователя и пароля с помощью Javascript

Question

Я видел другие вопросы, подобные этому, но я пробовал ответы, и он, кажется, не делает то, что я хочу (если это так, и я просто не вижу, что это пожалуйста, просто дайте мне знать в комментариях. Я довольно новичок в этом).

Я хочу защитить паролем веб-сайт (это персональный семейный сайт, поэтому я не беспокоюсь о шифровании или чем-либо, если только это не очень легко сделать с javascript), так что только моя семья может продолжить. Я хочу, чтобы пароли были персонализированы.

HTML КОД

<form id="usr-psswd"> 
    Name: <input type="text" name="name" id="name"> 
    Username: <input type="text" name="usr" id="usr"> 
    Password: <input type="text" name="psswd" id="psswd"> 
    <input type="button" onclick="submission()" value="Submit"> 
</form> 

Script Code

function submission(){ 
    var name = document.getElementByID = "name"; 
    var psswd = document.getElementByID = "psswd"; 
    var usr = document.getElementByID = "usr"; 

    var name = new Array(); 
    var usr = new Array(); 
    var psswd = new Array(); 
} 

Мой вопрос: как я получаю JavaScript, чтобы поместить ввод в массив, который остается на странице, так что когда вы пытаетесь добраться до index.html (где и где находится защита паролем), так что им не нужно устанавливать это каждый раз?

Кроме того, если это достаточно просто, как я могу запускать несколько паролей с помощью шифрования и хранить их на веб-странице, чтобы, если кто-то случайно оказался здесь, пароли безопасны?

Да, я понимаю, что цифры var namevar psswd и var usr повторяются дважды. Это потому, что я слишком ленив, чтобы назвать их разными вещами прямо сейчас. Мне просто нужно знать, как положить var name = document... в var name = new.... Благодаря!

Answer 1

Я знаю, что вы сказали, что хотите сделать простую аутентификацию для сайта, но выполнение этого в JavaScript небезопасно, и имена пользователей/паролей легко извлекаются.

Если вы хотите что-то очень просто и быстро делать .. я предлагаю вам сделать это с помощью .htaccess для аутентификации:

Чтобы сделать это, система требует два файла - файл .htaccess и .htpasswd файла:

.htaccess, код:

AuthType Basic 
AuthName "restricted area" 
AuthUserFile /home/user/html/protect-me-dir/.htpasswd 
require valid-user 

Приведенный выше код защищает директорию protect-me-dir в Роо t уровень. Значение AuthUserFile всегда зависит от конфигурации вашего хостинга. Если вы не знаете, какое значение должно быть, сделайте phpinfo() и найдите значение DOCUMENT_ROOT.

---

.htpasswd Код:

your_username:your_password 
another_user:another_password 
you_get:the_idea 

файл .htpasswd содержит имена пользователей и пароли, разрешенных пользователей. Один на линию.

---

В противном случае, я бы, вероятно, сделать что-то любитель по, возможно, имея надлежащий вход, используя сочетание PHP и базы данных, например.

Надеюсь, это поможет.