700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > js调用微信利用二维码扫码登录

js调用微信利用二维码扫码登录

时间:2023-02-06 02:08:49

相关推荐

js调用微信利用二维码扫码登录

js调用微信利用二维码扫码登录

准备工作

网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。 在进行微信OAuth2.0授权登录接入之前,在微信开放平台注册开发者帐号,并拥有一个已审核通过的网站应用,并获得相应的AppID和AppSecret,申请微信登录且通过审核后,可开始接入流程

授权流程说明

微信OAuth2.0授权登录让微信用户使用微信身份安全登录第三方应用或网站,在微信用户授权登录已接入微信OAuth2.0的第三方应用后,第三方可以获取到用户的接口调用凭证(access_token),通过access_token可以进行微信开放平台授权关系接口调用,从而可实现获取微信用户基本开放信息和帮助用户实现基础开放功能等。 微信OAuth2.0授权登录目前支持authorization_code模式,适用于拥有server端的应用授权。

请求示例

登录一号店网站应用 /wechat/login.do 打开后,一号店会生成state参数,跳转到 https://open./connect/qrconnect?appid=wxbdc5610cc59c1631&redirect_uri=https%3A%2F%%2Fwechat%2Fcallback.do&response_type=code&scope=snsapi_login&state=3d6be0a4035d839573b04816624a415e#wechat_redirect 微信用户使用微信扫描二维码并且确认登录后,PC端会跳转到 /wechat/callback.do?code=CODE&state=3d6be0a4035d839573b04816624a415e 为了满足网站更定制化的需求,我们还提供了第二种获取code的方式,支持网站将微信登录二维码内嵌到自己页面中,用户使用微信扫码授权后通过JS将code返回给网站。 JS微信登录主要用途:网站希望用户在网站内就能完成登录,无需跳转到微信域下登录后再返回,提升微信登录的流畅性与成功率。 网站内嵌二维码微信登录JS实现办法:

步骤1:在页面中先引入如下JS文件(支持https):

let object = new WxLogin({self_redirect:true, //id:"menu_login_body", //html 窗口idappid:'', //应用id //scope:'snsapi_login',redirect_uri:this.IP+'xxxx/receivecode?type=test', //重定向地址 该页面需要放到服务器上// redirect_uri:this.IP+'XX/XX/#/receivecode' // 如果是vue不能用#号state:'',style:'',href:this.IP+'static/home/css/wechat.css', // 需要调整的css 必需安全的网页地址,https})

具体api请看

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。