那些年用node接入微信走过的坑之(四)---微信扫码登录第三方网站

本文介绍了如何实现微信扫码登录第三方网站,包括微信网页授权和第三方网页授权的区别及实现步骤,强调了不同平台openId的处理和unionid在解决同一用户不同openId问题上的作用。
摘要由CSDN通过智能技术生成

序言

随着微信使用者不断增多,很多网站使用了微信扫码登录功能,这里做一个简单的实现。

第三方网页授权和微信网页端授权

这两个笔者当初区分了好久,有什么区别和联系呢?

相同点:
两者的过程基本是类似的,都是通过appId和secret和code首先获取access_token(注意这里的access_token跟通用api调取token是不一样的 ),然后通过access_token和openId获取用户基本信息进行操作,比如说登录。

不同点:

  1. 微信网页授权,一般情况下在微信端打开的页面,出现如下授权方式的,如图
  2. 第三方网页授权一般是,比腾讯的易迅

    授权的界面也是不同的。

实现

###微信网页授权

首先我们要有自己的公众号,查看appId和secret
1. 跳转链接
https://open.weixin.qq.com/connect/oauth2/authorize?appid=yourId&redirect_uri=yourUrl&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect

2.生成链接 yourUrl + &code=xxxxxxxx,这个链接我们可以哪里进行获取用户信息,比如openId。

第三方网页授权登录

首先我们要在微信开发平台中建立一个网页应用(重要)
两种方式,一种是直接使用微信页面,一种是将微信页面(ifram)嵌入到我们自己的网页中来,我采用第二种

  1. 首先在页面生成ifram。关键代码如下
 wxInit: function () {
   
        !
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值