Как сделать авторизацию на сайте: Надёжная авторизация для веб-сервиса за один вечер / Хабр

php — Авторизация на сайте через другой сайт

Вопрос задан
10 лет 11 месяцев назад

Изменён
6 лет 6 месяцев назад

Просмотрен
4k раза

Доброго всем времени.

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

Пробовал курлом, но не могу понять, как сформировать запрос на авторизацию и перенаправить пользователя.

Подскажите что-нибудь дельное.

• php
• битрикс
• cms
• авторизация

<form action='http://domain.com/login.php' method='get'>
    Логин: <input type='text' name='login'><br/>
    Пароль: <input type='password' name='pass'><br/>
    <input type='submit' name='submit'>
</form>`

Может так?

<form action="http://site. com/index.php" method="POST">
<input type="text" name="login"> <br>
<input type="text" name="password"> <br>
<input type="submit" value="Войти"> </form>

Имена полей login и password посмотри в исходном коде на сайте где нужно авторизоваться, и замени их! Или если можешь просто оставь тут ссылку где хочешь авторизовывать пользователей я тебе напишу готовую форму.

Как только написал, сам понял как сделать.

<form method="post" action="http://localhost.ru/index.html">
<h2>Login</h2><input type="text" value="Логин" maxlength="20" name="login"></br>
<h2>Pass</h2>
<input type="password" maxlength="20" name="pass"></br>
<input type="image" value="Войти">
</form>

Ответ правильный, только пост у меня.

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

#20. Делаем авторизацию пользователей на сайте

class LoginUser(DataMixin, LoginView):
    form_class = AuthenticationForm
    template_name = 'women/login.html'
 
    def get_context_data(self, *, object_list=None, **kwargs):
        context = super().get_context_data(**kwargs)
        c_def = self.get_user_context(title="Авторизация")
        return dict(list(context.items()) + list(c_def.items()))

{% extends 'women/base.html' %}
 
{% block content %}
<h2>{{title}}</h2>
 
<form method="post">
    {% csrf_token %}
    {{ form.as_p }}
    <button type="submit">Войти</button>
</form>
 
{% endblock %}

path('login/', LoginUser.as_view(), name='login'),

class LoginUser(DataMixin, LoginView):
...
    def get_success_url(self):
        return reverse_lazy('home')

LOGIN_REDIRECT_URL = '/'

class LoginUserForm(AuthenticationForm):
    username = forms.CharField(label='Логин', widget=forms.TextInput(attrs={'class': 'form-input'}))
    password = forms.CharField(label='Пароль', widget=forms.PasswordInput(attrs={'class': 'form-input'}))

class LoginUser(DataMixin, LoginView):
    form_class = LoginUserForm
...

<div>{{ form.non_field_errors }}</div>
 
{% for f in form %}
<p><label for="{{ f.id_for_label }}">{{f.label}}: </label>{{ f }}</p>
<div>{{ f.errors }}</div>
{% endfor %}

{% if request.user.is_authenticated %}
<li> {{user.username}} | <a href="{% url 'logout' %}">Выйти</a></li>
{% else %}
<li><a href="{% url 'register' %}">Регистрация</a> | <a href="{% url 'login' %}">Войти</a></li>
{% endif %}

path('logout/', LoginUser.as_view(), name='logout'),

def logout_user(request):
    logout(request)
    return redirect('login')

    def form_valid(self, form):
        user = form.save()
        login(self.request, user)
        return redirect('home')

8 Рекомендации по экрану входа в систему для вашего веб-сайта или приложения

Давайте будем честными: экран входа в систему не будет самой впечатляющей или новаторской частью вашего веб-сайта. И поскольку вы потратили так много времени на разработку остальной части своего сайта, это легко упустить из виду. Я бы не стал вас винить — никто не хвалит веб-приложение за его страницу входа.

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

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

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

Экран входа в систему Передовой опыт

1. Стремитесь к простоте.
2. Использовать брендинг веб-сайта.
3. Запросите электронную почту.
4. Сделайте пароли безопасными и простыми.
5. Предоставьте помощь, если они забудут свои пароли.
6. Разрешить вход из внешней учетной записи.
7. Отдельный вход и регистрация.
8. Сделать его доступным.

1. Стремитесь к простоте.

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

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

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

Источник изображения

Что нам нравится в этом примере: Defy имеет только самое необходимое на экране входа в систему, с яркими контрастными цветами, не оставляющими двусмысленности в отношении того, какие действия должен предпринять пользователь.

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

Источник изображения

Что нам нравится в этом примере: от драгоценного времени от входа в систему.

2. Используйте брендинг веб-сайта.

Ваша страница входа — это не только средство для входа на ваш веб-сайт, но и возможность снова пригласить пользователей.

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

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

Источник изображения

Что нам нравится в этом примере: Страница Calendly чистая и понятная, но при этом сохраняет достаточно знакомые характеристики бренда, чтобы сохранить привлекательное ощущение в соответствии с тоном продукта.

3. Запросите электронную почту.

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

Основной причиной этого является удобство — пользователям гораздо легче запомнить электронные письма. Посетителям уже нужно помнить пароль для входа на ваш сайт, поэтому по возможности не заставляйте их запоминать дополнительное имя пользователя. Это можно увидеть на странице входа в Asana ниже. В качестве альтернативы, пусть они зарегистрируются с номером телефона.

Источник изображения

Что нам нравится в этом примере: Эта страница входа в систему довольно общая, но делает понятными варианты действий пользователя. Поле адреса электронной почты хорошо видно, а поле пароля скрыто на следующем экране.

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

4. Сделайте пароли безопасными и простыми.

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

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

Консенсус таков: по умолчанию маскируйте поле пароля, но разрешите пользователям показывать введенный текст, если они этого хотят. Страница входа в HubSpot делает это хорошо:

Источник изображения

Что нам нравится в этом примере: По умолчанию пароль пользователя защищен от посторонних, но у них есть возможность показать свой пароль, если, например, они думают, что сделали опечатку.

Помимо маскировки пароля, следует помнить о некоторых других функциях ввода пароля:

• Могут ли пользователи вставлять пароль в этот ввод? Мы рекомендуем разрешить это.
• Может ли ввод автоматически заполняться менеджером паролей? Опять же, это рекомендуется.
• Будете ли вы разрешать двухфакторную аутентификацию? 2FA становится все более распространенным явлением для веб-приложений, особенно для хранения конфиденциальной информации.
• Что происходит, когда пользователь отправляет неправильные учетные данные? Сколько попыток вы дадите им? Поле вашего пароля должно указывать, когда пароль неверен, и иметь защиту от атак методом грубой силы (ввода большого количества паролей в попытке угадать правильный).

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

Источник изображения

Что нам нравится в этом примере: Предоставление кода входа вместо пароля означает, что пользователям нужно хранить или запоминать на один пароль меньше. Компромисс здесь требует, чтобы пользователи открыли свою электронную почту и получили код.

5. Помогите, если они забудут свои пароли.

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

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

Копия кнопки тоже важна. Люди несовершенны (и далеки от совершенства, когда дело доходит до паролей), поэтому избегайте снисходительности. Patagonia делает это прекрасно:

Источник изображения

Что нам нравится в этом примере: Спросить пользователя, нужна ли ему помощь с паролем, может быть воспринято как более дружелюбное, чем что-то вроде «Я забыл свой пароль». В конечном счете, обратитесь к рекомендациям по голосу и тону вашего бренда, чтобы узнать, что писать.

6. Разрешить вход из внешней учетной записи.

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

Какие внешние учетные записи вы разрешаете, это более сложный вопрос. Учитывая его популярность, опция «войти через Google» обычно является хорошим выбором. Вы также можете включить один или несколько входов через социальные сети с таких сайтов, как Facebook, LinkedIn или Twitter.

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

Важно отметить, что система единого входа не заменяет вход по электронной почте. Пользователи могут не входить в систему с внешней учетной записью — у них может не быть этих учетных записей или они просто будут хранить свои учетные записи отдельно. Всегда позволяйте пользователям входить в систему с электронной почтой, если они предпочитают. Обратите внимание, как Airbnb обрабатывает внешний вход:

Источник изображения

Что нам нравится в этом примере: Этот модальный вход позволяет пользователям входить в систему с помощью электронной почты, Facebook, Google или Apple — четыре варианта, которые, вероятно, популярны у типичного пользователя Airbnb.

7. Отдельный вход и регистрация.

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

Пользовательские процессы входа и регистрации часто различаются и поэтому размещаются на разных страницах. В качестве альтернативы вы можете объединить экраны входа и регистрации в один, как в случае с примером Airbnb выше. Или вы можете разделить их вкладками, как это делает сайт Partake Foods:

Источник изображения

Что нам нравится в этом примере: Partake Foods размещает ссылки «войти» и «зарегистрироваться» рядом друг с другом. Таким образом, становится ясно, что делает пользователь, и легко переключается на нужную ему страницу.

8. Сделайте его доступным.

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

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

Чем проще ваша страница, тем легче будет добиться соответствия требованиям доступности в Интернете. Возьмем вход в систему New York Times: простой экран входа в систему, который сохраняет стиль и доступность.

Источник изображения

Что нам нравится в этом примере: Эта страница входа имеет высокую контрастность цветов, простой макет и хорошо закодированный HTML.

Что необходимо для экранов входа в систему

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

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

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

Настройте Firefox

Обновить Firefox

• Как это работает?

• Скачать свежую копию

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

• Если вы можете войти на веб-сайт вручную, но не можете сохранить или использовать сохраненные имена пользователей и пароли , см. Имена пользователей и пароли не сохраняются.

• 1 Включить файлы cookie для веб-сайта
• 2 Очистить историю для этого сайта
• 3 Очистить все файлы cookie и кэш
• 4 Проверить надстройки
• 5 Приложение безопасности блокирует файлы cookie
• 6 Удалить поврежденный файл cookie

Убедитесь, что файлы cookie включены для рассматриваемого сайта.

• Инструкции см. в разделе Веб-сайты говорят, что файлы cookie заблокированы. Разблокируйте их.

Если вы изменили какие-либо настройки, попробуйте снова войти на сайт.

Причиной проблемы могут быть файлы cookie и временные данные, уже сохраненные на вашем компьютере. Удалите их, затем проверьте свою проблему:

1. Нажмите кнопку меню, чтобы открыть панель меню.
   Нажмите «История», а затем нажмите панель «Управление историей» внизу, чтобы открыть окно «Библиотека».
2. В правом верхнем углу введите имя веб-сайта, который вы хотите забыть, в поле История поиска и нажмите EnterReturn.
3. В полученном списке щелкните правой кнопкой мыши, удерживая нажатой клавишу Ctrl, когда вы нажимаете на сайт, который хотите забыть, и выберите «Забыть об этом сайте».

4. Закройте окно библиотеки.

Если удаление файлов cookie для проблемного сайта не устранило ошибку, удалите все файлы cookie, хранящиеся на вашем компьютере, и очистите кеш Firefox:

1. Нажмите кнопку меню, чтобы открыть панель меню.
2. Нажмите «История» и выберите «Очистить недавнюю историю…».
3. В раскрывающемся списке Временной диапазон для очистки: выберите Все .
4. В раскрывающемся меню выберите оба Cookies и Кэш . Убедитесь, что другие элементы, которые вы хотите сохранить, не выбраны.
5. Нажмите OK.

Чтобы узнать больше об очистке файлов cookie, данных сайтов и кэшированного веб-контента в Firefox, см. раздел Очистка файлов cookie и данных сайтов в Firefox.

Некоторые расширения могут вызвать проблемы со входом на веб-сайты, особенно расширения, связанные с определенными веб-сайтами. См. раздел Устранение неполадок с расширениями, темами и аппаратным ускорением, чтобы решить распространенные проблемы Firefox.

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

Если вы не можете войти на веб-сайты после удаления связанных с ними файлов cookie, очистки кеша Firefox и попытки отключить расширения и плагины, а также проверили программное обеспечение безопасности, возможно, у вас поврежден файл cookie в папке вашего профиля Firefox.

Это приведет к удалению всех ваших сохраненных файлов cookie и, по сути, к выходу из всех сохраненных сеансов на всех веб-сайтах.

1. Откройте папку своего профиля:

   • Нажмите кнопку меню , щелкните Справка и выберите Информация об устранении неполадокДополнительная информация об устранении неполадок. В меню Справка выберите Информация об устранении неполадокДополнительная информация об устранении неполадок. Информация по устранению неполадок Откроется вкладка.
   • В разделе Application Basics рядом с Profile FolderDirectory щелкните Open FolderShow в FinderOpen Directory. Откроется окно с папкой вашего профиля.