扫码登陆

发布于 2024-10-03 16:34:03 字数 4605 浏览 0 评论 0 收藏 0

扫码登录是一种方便且安全的身份验证方式，用户通过扫描二维码来完成登录，而不需要输入用户名和密码。以下是扫码登录的介绍、实施步骤和示例代码。

一、扫码登录简介

扫码登录通常涉及以下几个步骤：

生成二维码 ：服务器生成一个唯一的二维码，其中包含一个临时的登录凭证或会话 ID。
用户扫描二维码 ：用户使用手机或其他设备扫描二维码。
用户授权 ：用户在移动设备上确认登录请求（如输入密码或使用生物识别）。
验证和登录 ：服务器验证用户的身份，并允许其访问。

二、实施步骤

生成二维码 ：
- 创建一个唯一的会话 ID 或临时令牌，并将其嵌入到二维码中。
- 使用图形库生成二维码。
展示二维码 ：
- 将生成的二维码展示在用户的登录页面上。
监听登录请求 ：
- 在服务器端，监听与会话 ID 相关的用户身份验证请求。
用户扫描并授权 ：
- 用户使用手机扫描二维码，并在移动设备上确认登录。
验证身份 ：
- 服务器接收到授权请求后，验证用户身份。
- 如果验证通过，生成会话并允许用户访问。
反馈结果 ：
- 将登录结果反馈给用户，包括成功或失败信息。

三、示例代码

以下是一个简单的扫码登录示例代码，使用 Python 的 Flask 框架和 qrcode 库生成二维码。

1. 安装所需库

pip install Flask qrcode[pil] requests

2. Flask 应用代码

from flask import Flask, request, jsonify, render_template, redirect, url_for
import qrcode
import os
import time
import threading

app = Flask(__name__)

# 模拟一个简单的用户数据库
users = {'user@example.com': 'password123'}
login_sessions = {}

def clean_old_sessions():
    while True:
        time.sleep(300)  # 每 5 分钟清理一次
        current_time = time.time()
        for key in list(login_sessions.keys()):
            if current_time - login_sessions[key]['timestamp'] > 300:  # 超过 5 分钟的会话
                del login_sessions[key]

# 启动清理旧会话的线程
threading.Thread(target=clean_old_sessions, daemon=True).start()

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/generate_qr')
def generate_qr():
    session_id = str(time.time())  # 使用当前时间戳作为会话 ID
    login_sessions[session_id] = {'authenticated': False, 'timestamp': time.time()}
    
    qr = qrcode.make(f'http://localhost:5000/scan/{session_id}')
    qr_file = f'static/{session_id}.png'
    qr.save(qr_file)
    
    return render_template('qr.html', qr_file=qr_file)

@app.route('/scan/<session_id>')
def scan(session_id):
    if session_id in login_sessions:
        if request.method == 'POST':
            # 模拟用户确认
            username = request.form.get('username')
            password = request.form.get('password')
            
            if username in users and users[username] == password:
                login_sessions[session_id]['authenticated'] = True
                return jsonify({'status': 'success', 'session_id': session_id})
    
    return jsonify({'status': 'failed'})

@app.route('/check_status/<session_id>')
def check_status(session_id):
    if session_id in login_sessions and login_sessions[session_id]['authenticated']:
        return jsonify({'status': 'success', 'message': 'Logged in!'})
    return jsonify({'status': 'pending', 'message': 'Waiting for authorization...'})

if __name__ == '__main__':
    app.run(debug=True)

3. HTML 模板

创建一个简单的 HTML 模板（ templates/index.html ）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>扫码登录</title>
</head>
<body>
    <h1>扫码登录</h1>
    <a href="{{ url_for('generate_qr') }}">生成二维码</a>
</body>
</html>

创建二维码页面（ templates/qr.html ）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>扫码登录二维码</title>
</head>
<body>
    <h1>请扫描二维码登录</h1>
    <img src="{{ qr_file }}" alt="QR Code">
    <form action="{{ url_for('scan', session_id=qr_file.split('/')[-1].split('.')[0]) }}" method="post">
        <input type="text" name="username" placeholder="用户名" required>
        <input type="password" name="password" placeholder="密码" required>
        <button type="submit">确认登录</button>
    </form>
</body>
</html>