Пришли код для авторизации на сайте

Для создания кода авторизации на сайте понадобится использовать язык программирования, например, JavaScript для клиентской стороны и, возможно, PHP или Python для серверной стороны. Я приведу пример на JavaScript (клиент) и Node.js с Express (сервер).

Шаг 1: Создание формы для авторизации на клиенте

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

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Авторизация</title>
</head>
<body>
    <h2>Форма авторизации</h2>
    <form id="loginForm">
        <label for="username">Логин:</label>
        <input type="text" id="username" name="username" required>
        <br>
        <label for="password">Пароль:</label>
        <input type="password" id="password" name="password" required>
        <br>
        <button type="submit">Войти</button>
    </form>
    <script src="script.js"></script>
</body>
</html>

Шаг 2: Обработка формы на клиенте

Создайте файл script.js, в который добавьте код для обработки отправки формы.

document.getElementById('loginForm').addEventListener('submit', function(event) {
    event.preventDefault(); // Остановите стандартное поведение формы
    
    const username = document.getElementById('username').value;
    const password = document.getElementById('password').value;
    
    // Отправка данных на сервер
    fetch('/login', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({ username, password })
    })
    .then(response => {
        if (response.ok) {
            return response.json();
        }
        throw new Error('Ошибка при входе');
    })
    .then(data => {
        console.log(data.message); // Сообщение от сервера (успех/ошибка)
    })
    .catch(error => {
        console.error('Ошибка:', error);
    });
});

Шаг 3: Создание сервера на Node.js

Теперь создадим сервер с помощью Node.js и Express. Установите необходимые пакеты:

npm install express body-parser cors

Создайте файл server.js.

const express = require('express');
const bodyParser = require('body-parser');

const app = express();
const PORT = 3000;

app.use(bodyParser.json());
app.use(cors()); // Если ваш клиент на другом домене

// Имитация базы данных пользователей
const users = [{ username: 'user1', password: 'pass1' }];

app.post('/login', (req, res) => {
    const { username, password } = req.body;

    const user = users.find(u => u.username === username && u.password === password);
    
    if (user) {
        res.json({ message: 'Успешный вход!' });
    } else {
        res.status(401).json({ message: 'Неверный логин или пароль.' });
    }
});

app.listen(PORT, () => {
    console.log(`Сервер запущен на http://localhost:${PORT}`);
});

Шаг 4: Запуск приложения

1. Запустите сервер:

   node server.js
   

2. Откройте HTML-файл в браузере и протестируйте свою форму авторизации.

Заключение

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