微信官方文档:准备工作 | 微信开放文档
由于这个项目对接微信开放平台都是在服务端进行的,所以前端只需要把需要的参数传到后端即可,后端通过一系列操作获取到微信开放平台的access_token,获取到用户信息后,返回项目的token到前端,前端进行登录操作。
第一步:请求后端接口获取微信登录二维码,传递callbackUrl参数给后端,这个参数对应微信文档上的redirect_uri,就是项目的线上地址拼上处理微信登录页面的路由,后面还可以拼上自己需要的其他参数,我这里就多拼了一个url参数,用来处理登录成功后重定向到之前的页面
部分代码:
/**
* @description: 获取微信登录二维码
*/
async getWxLoginQrCodeUrl() {
const origin = `${location.origin}/wxRedirect?url=${this.nowPath}`;
const { data } = await getWxLoginQrCodeUrl({}, {}, { callbackUrl: origin });
this