使用微信公众号-验证码登录/场景二维码登录

1. 配置环境变量

# 微信appid
AUTH_WECHATMP_APPID=
# 微信appsecret
AUTH_WECHATMP_APPSECRET=
# 微信回调callback地址
AUTH_WECHATMP_TOKEN=
# 微信公众号校验类型（QRCODE 认证服务号可用| MESSAGE 任何号可用）
AUTH_WECHATMP_CHECKTYPE=
# 微信公众号消息加解密密钥
AUTH_WECHATMP_AESKEY=
# 微信公众号回调CALLBACK地址
AUTH_WECHATMP_ENDPOINT=
# 微信公众号二维码图片地址(MESSAGE模式必须填写)
AUTH_WECHATMP_QRCODE_IMAGE_URL=

2. 实例化并配置到auth.ts文件中

• 导入WechatMpApi模块 实例化

import Wehcatmp from '@next-auth-oauth/wechatmp'
import { WechatMpApi } from 'wechatmp-kit'

export const wechatMpProvder = Wehcatmp({
  /**
   * WechatMpApi instance
   */
  wechatMpApi: new WechatMpApi({
    appId: process.env.AUTH_WECHATMP_APPID!,
    appSecret: process.env.AUTH_WECHATMP_APPSECRET!,
  }),
  captchaManager,
})

• 配置nextjs的配置文件auth.ts中

  providers: [Gitee, Github, wechatMpProvder],

3. 配合 AUTH_WECHATMP_ENDPOINT 创建回调路由

比如你配置 AUTH_WECHATMP_ENDPOINT='http://localhost:3000/api/auth/wechatmp'

那么你需要在你的项目中创建路由 /api/auth/wechatmp/route.ts 用来接收微信公众号的回调数据。

import { wechatMpProvder } from '@/auth'
export const { GET, POST } = wechatMpProvder

4. 配置微信公众号授权登录

将TOKEN/AES/AUTH_WECHATMP_ENDPOINT 填写到微信公众号后台上