获取openid和session_key

Bertha 。 2021-07-24 23:23 422阅读 0赞

步骤:客户端获取临时登录凭证->发送给后台,后台接收凭证,并和appid和appSecret一起,发送给腾讯服务器
    
    1、获取用户的临时登录凭证:
    	在App.vue生命周期函数中
    	
    	 wx.login({
          success:(res)=>{
           res.code;
          }
        })
        
    2、将临时凭证传给后台,让后台请求腾讯服务器
    	(1)获取传递的临时凭证
    	(2)获取appid
    	(3)获取AppSecret(小程序密钥),在微信程序后台开发处获取
    	
    	(4)拼接请求url
    		appid、secret、js_code放入对应的数据
    		let url=`https://api.weixin.qq.com/sns/jscode2session?appid=${appid}&secret=${appSecret}&js_code=${code}&grant_type=authorization_code`;
    		
    	(5)发送请求获取返回的openid和session_key(这里使用flyio来发送请求)
    		 let res=await fly.get(url)
    		 JSON.parse(res.data);

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70]代码示例:  
前端传递凭证App.vue:

mounted()
      { 
        wx.login({ 
          success:async (res)=>{ 
            //每次获取都不一样,和用户是否授权登录无关
            let code=res.code;
    
            let ans=await request("http://127.0.0.1:3000/getOpenId",{ code:code});
    
            console.log(ans);
            //发送临时凭证code给服务器端
    
          }
        })
      }

koa后台接收并向腾讯服务器发送请求,将结果返回给前端:

router.get('/getOpenId',async (ctx,next)=>{ 
      let code=ctx.query.code;
      let appid='xx';
      let appSecret='xx';
    
      let url=`https://api.weixin.qq.com/sns/jscode2session?appid=${ appid}&secret=${ appSecret}&js_code=${ code}&grant_type=authorization_code`;
      //发送请求给微信接口,获取openId
      let res= await fly.get(url)
      ctx.body=JSON.parse(res.data);
    
    })

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70]: /images/20210724/00aab18ad12d47dbb03b6711894ccf95.png