0 元给网站接入微信扫码登录，用小程序就够了~

// POST /api/auth/qr/create
async function createQrLogin() {
  const ticket = crypto.randomBytes(16).toString('hex') // 32位 hex
  
  // 存 Redis，5 分钟过期
  await redis.set(`login:${ticket}`, JSON.stringify({ status: 'pending' }), 'EX', 300)
  
  // 调微信接口生成小程序码
  const accessToken = await getAccessToken(APP_ID, APP_SECRET)
  const res = await fetch(
    `https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=${accessToken}`,
    {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        scene: ticket,
        page: 'pages/login/login', // 小程序里的登录确认页
        check_path: false,
        width: 280,
      }),
    }
  )
  
  const imageBuffer = await res.arrayBuffer()
  return { ticket, qrcode: Buffer.from(imageBuffer).toString('base64') }
}

// GET /api/auth/qr/status?ticket=xxx
async function checkStatus(ticket: string) {
  const data = await redis.get(`login:${ticket}`)
  if (!data) return { status: 'expired' }
  
  const { status, token } = JSON.parse(data)
  if (status === 'confirmed') {
    await redis.del(`login:${ticket}`) // 一次性，用完删掉
    return { status: 'confirmed', token }
  }
  return { status: 'pending' }
}

// POST /api/auth/mini/confirm
async function confirmLogin(ticket: string, code: string) {
  // 1. 校验 ticket 存在且未过期
  const data = await redis.get(`login:${ticket}`)
  if (!data) throw new Error('二维码已过期')
  
  // 2. 用 code 换 openid
  const session = await code2Session(APP_ID, APP_SECRET, code)
  const { openid } = session
  
  // 3. 查找或创建用户，生成登录 token
  const user = await findOrCreateUser(openid)
  const token = generateToken(user)
  
  // 4. 更新 ticket 状态
  await redis.set(`login:${ticket}`, JSON.stringify({ status: 'confirmed', token }), 'EX', 60)
  
  return { success: true }
}

// pages/login/login.js
Page({
  onLoad(options) {
    // 从小程序码的 scene 里取 ticket
    const ticket = decodeURIComponent(options.scene || '')
    if (!ticket) {
      wx.showToast({ title: '二维码无效', icon: 'error' })
      return
    }
    this.confirmLogin(ticket)
  },

  async confirmLogin(ticket) {
    try {
      // 1. wx.login 拿 code
      const { code } = await wx.login()
      
      // 2. 请求你的后端 confirm 接口
      const res = await wx.request({
        url: `https://your-domain.com/api/auth/mini/confirm`,
        method: 'POST',
        data: { ticket, code },
      })
      
      if (res.data.success) {
        wx.showToast({ title: '登录成功', icon: 'success' })
        setTimeout(() => wx.navigateBack(), 1500)
      }
    } catch (err) {
      wx.showToast({ title: '登录失败', icon: 'error' })
    }
  },
})

// 伪代码，React 示例
function LoginModal() {
  const [qrcode, setQrcode] = useState('')
  const [ticket, setTicket] = useState('')

  useEffect(() => {
    // 请求后端生成小程序码
    fetch('/api/auth/qr/create', { method: 'POST' })
      .then(res => res.json())
      .then(({ ticket, qrcode }) => {
        setTicket(ticket)
        setQrcode(qrcode)
      })
  }, [])

  useEffect(() => {
    if (!ticket) return
    // 每 1.5 秒轮询
    const timer = setInterval(async () => {
      const res = await fetch(`/api/auth/qr/status?ticket=${ticket}`)
      const data = await res.json()
      if (data.status === 'confirmed') {
        clearInterval(timer)
        // 拿到 token，登录成功！
        login(data.token)
      } else if (data.status === 'expired') {
        clearInterval(timer)
        // 提示过期，让用户刷新
      }
    }, 1500)
    return () => clearInterval(timer)
  }, [ticket])

  return (
    <div>
      <img src={`data:image/png;base64,${qrcode}`} />
      <p>请用微信扫一扫</p>
    </div>
  )
}