微信网页登录授权流程都不清楚,还说自己3年前端?

本文详细介绍了微信网页授权的四步流程,包括用户同意授权获取code、通过code换取access_token、刷新access_token以及拉取用户信息。示例代码分别展示了前端Nuxt.js的实现和后端利用code、appid与secret获取用户信息的过程。强调了开发中理解官方文档的重要性。
摘要由CSDN通过智能技术生成

下面是来自微信开发文档

步骤如图:

第一步:用户同意授权,获取code

第二步:通过code换取网页授权access_token

第三步:刷新access_token

第四步:拉取用户信息

接下来我将实际项目的代码粘出来, 前端nuxt.js

前端部分

在插件plugins 下app.js中封装方法

export default ({
     app }, inject) => {
   
    inject('wxLogin', (pageURI) => {
   
        let url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + process.env.WXPAGEAPPID + "&scope=snsapi_userinfo&state=STATE&redirect_uri=" + encodeURIComponent(pageURI);
        return url
    })
}
methods:{
   
     login() {
   
        let url = location.href.split("#")[0
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值