Как поставить пароль на страницу сайта
Перейти к содержимому

Как поставить пароль на страницу сайта

  • автор:

Как поставить пароль на сайт через html/css/js?

Добрый день!
есть лендинг, на который хочу поставить пароль(не сложный, без логина). Как я вижу это — заходишь на страницу — есть поле ввода пароля — вводишь правильный пароль — открывается страница(например, дать всему лендингу класс display:none и когда вводишь правильный пароль, то такой класс убирается)
как это сделать с помощью html и js?

лендинг пробный, так сказать , просто показать друзьям, чему я научился))

  • Вопрос задан более трёх лет назад
  • 5101 просмотр

Комментировать
Решения вопроса 2
Stalker_RED @Stalker_RED

Ну сделай какой-то враппер для контента, пропиши display none
Сделай поле, повесь слушатель на change или input, сравнивай value с образцом.

inputElem.oninput = function()

Только твоя «защита» обходится в три клика. Открыть devtools, убрать display: none.

Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Всего по немногу

  

Как ограничить доступ к html-странице паролем?

Всем привет! Вопрос в следующем: Допустим, есть html-страница, на которой одно единственное поле для ввода пароля. При успешном вводе пароля человека перекидывает на нужную страницу. Пароль хранится не в базе, а в каком либо файле, или в коде этой же страницы. Как организовать доступ по паролю, чтобы при неверном вводе пароля под инпутом сразу же появлялся див с заданным текстом типа «Вы ошиблись».

Отслеживать
задан 22 ноя 2013 в 12:19
Frontender Frontender
2,615 23 23 золотых знака 68 68 серебряных знаков 120 120 бронзовых знаков
А [Basic access][1] HTTP авторизация вам не подходит? [1]: wiki.apache.org/httpd/PasswordBasicAuth
22 ноя 2013 в 12:28

Хранить пароль в коде страницы — моветон и грубое нарушение правил безопасности. Для хранения пароля используйте какую-нибудь хеш-функцию, например md5

22 ноя 2013 в 12:33

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

22 ноя 2013 в 12:37

3 ответа 3

Сортировка: Сброс на вариант по умолчанию

Если очень просто:

 

Кривой пароль

ctrl.php:

 else < echo "invalid"; >?> 

Отслеживать
177 2 2 серебряных знака 12 12 бронзовых знаков
ответ дан 22 ноя 2013 в 12:45
7,951 17 17 серебряных знаков 19 19 бронзовых знаков
Я бы мог сказать, что пример прекрасно работает, но если вы его не поняли, то и ладно.
22 ноя 2013 в 13:52

Самый лучший способ изменить расширение Вашего файла с .html на .php Так Вы по крайней мере сделаете код, который представлен снизу, компилируемым сервером. Это означает, что он не будет доступен другим пользователем. Они получат только конечный результат.

  1. Просто добавьте этот скрипт наверху Вашей страницы
  2. Замените login и pass на нужные Вам значения
  3. Пользуйтесь на здоровье 🙂

P.S. Это слабая защита, для больших проектов стоит найти другое решение

 "pass"); $valid_users = array_keys($valid_passwords); $user = $_SERVER['PHP_AUTH_USER']; $pass = $_SERVER['PHP_AUTH_PW']; $validated = (in_array($user, $valid_users)) && ($pass == $valid_passwords[$user]); if (!$validated) < header('WWW-Authenticate: Basic realm="My Realm"'); header('HTTP/1.0 401 Unauthorized'); die ("Not authorized"); >// Тут мы пишем те echo "

Здравствуйте $user.

"; echo "

Поздравляем, Вы успешно прошли авторизацию.

"; ?>

Как защитить веб страницу паролем

В создании этой статьи участвовала наша опытная команда редакторов и исследователей, которые проверили ее на точность и полноту.

Команда контент-менеджеров wikiHow тщательно следит за работой редакторов, чтобы гарантировать соответствие каждой статьи нашим высоким стандартам качества.

Количество просмотров этой статьи: 20 589.

В этой статье:

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

Метод 1 из 2:

Защита страниц, которые находятся на вашем сервере

Step 1 Откройте программу для редактирования текста.

Step 1 Откройте программу для редактирования текста.

Step 2 Введите название страницы и закройте ее тегом:

  • Защищенная страница: Пожалуйста, введите пароль

Step 3 Введите следующее:

  • Эта команда сообщает браузеру о начале выполнения скрипта.

Step 4 Нажмите кнопку Enter и введите следующее:

  • //prompt. Нажмите Enter еще раз.

Step 5 Создайте строку для ввода пароля, используя следующий код:

  • var password = prompt(«Enter in the password»»»); (После слова «password» — три двойные кавычки, и точка с запятой — после последней круглой скобки).

Step 6 Введите следующее, заменив.

  • < location = "correct.html">Это дает команду браузеру послать правильный пароль для этой страницы входящему пользователю.

Step 7 Для переадресации пользователей.

  • else

Step 8 Завершите код скрипта, введя следующее:

Step 9 Закройте часть страницы со скриптом, введя:

Step 10 Добавьте предупреждение для.

  • Эта страница предназначена для просмотра в Safari, Firefox, Chrome или Internet Explorer. Пожалуйста, обновите ваш браузер!

Step 11 Закройте код веб-страницы, введя:

Step 12 Сохраните страницу и откройте ее

Сохраните страницу и откройте ее
Метод 2 из 2:

Защита страниц, которые находятся на хостинге

Step 1 Выясните, что веб-хостинг может вам предложить.

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

Step 2 Напишите электронное сообщение.

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

Step 3 Поищите ответ в интернете.

Поищите ответ в интернете. Если вы используете PHP/Apache на Linux, перейдите на Google и введите «как защитить паролем страницу php linux» или что-нибудь подобное.

Step 4 Избегайте средств для использования на клиентской части.

Избегайте средств для использования на клиентской части. Посмотрите в сторону использования инструментов на стороне сервера, таких как файлы .htaccess и .htpasswd, php страницы или скрипты perl. НИКОГДА не доверяйте инструментам, которые защищают страницу паролем на клиентской части, так как ее проще всего обойти, и обычно механизм их работы состоит в том, что просто не дается прямая ссылка на защищенный материал. Это считается очень слабой защитой.

Как установить пароль на браузер

Изображение: Naked Security

Когда компьютером пользуются несколько человек, имеет смысл установить пароль на браузер. Таким нехитрым способом можно ограничить доступ детей к интернету или закрыть от посторонних глаз ваши данные. Разумеется, это лишь базовая защита, но иногда и ее бывает достаточно.

Самый простой способ задать пароль для браузера — установить специальное расширение. В поисковом поле каталога расширений нужно ввести запрос. Что-то типа Browser Password или Browser Lock.

Зайти в магазин дополнений для браузера можно по ссылке:

Для полной защиты нужно разрешить работу дополнения в режиме инкогнито.

Стоит отметить, что одно из протестированных нами приложений дает возможность пользоваться браузером и без ввода пароля. Достаточно нажать два раза на «Отмена» и браузер будет готов к работе. Так что лучше использовать что-то другое, например, LockPW Free.

Пароль можно задать в настройках приложения.

К сожалению, рабочих приложений для установки пароля для Firefox нам найти не удалось. Однако в браузере есть возможность установить дополнительный пароль, защищающий сохраненные данные для авторизации на сайтах. Об этом можно прочитать подробнее на официальном сайте.

Это тоже интересно:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *