@next-auth-oauth/wechatmp
v0.1.1
Published
基于Auth.js的微信公众号验证码登录、二维码扫描登录插件
Downloads
100
Maintainers
Readme
微信公众号授权登录
案例代码:
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
文件中
export const wechatMpProvder = Wehcatmp({
/**
* WechatMpApi instance
*/
wechatMpApi: new WechatMpApi({
appId: process.env.AUTH_WECHATMP_APPID!,
appSecret: process.env.AUTH_WECHATMP_APPSECRET!,
}),
captchaManager,
})
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 填写到微信公众号后台上