365体育备用网址报道22.2.1 微信登录_365体育备用网址官网资讯

网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。
微信OAuth2.0授权登录让微信用户使用微信身份安全登录第三方应用或网站,在微信用户授权登录已接入微信OAuth2.0的第三方应用后,第三方能够猎取到用户的接口调用凭证(access_token),通过access_token能够进行微信开放平台授权联系接口调用,从而可实现猎取微信用户基本开放信息和帮助用户实现基础开放功能等。
网站应用微信登录的流程讲解如下。
用户点击方倍工作室微信登录网站应用地址
http://weixin.fangbei.org/login.PHP

打开后,应用会生成state参数,跳转到以下链接:

https://open.weixin.qq.com/connect/qrconnect?appid=wxed782be999f86e0e&redirect_uri=http%3A%2F%2Fweixin.fangbei.org%2Flogin.php&response_type=code&scope=snsapi_login&state=123#wechat_redirect

上述数据的参数说明如表22-9所示。

表22-9网站应用微信登录参数说明
PC网页上将会显示二维码,提示用户进行扫码登录,如图22-4所示。

图22-4网站应用微信登录二维码
用户扫描该二维码之后,微信将弹出确认页面,询问是否同意登录。如图22-5所示。

图22-5 网站应用二维码确认登录
同意授权后,将会重定向到redirect_uri的网址上,并且带上code和state参数
http://weixin.fangbei.org/login.php?code=0317a2c31ccd5eadf1a7a8fffd4a7dbf&state=123
猎取第一步的code后,要求接口猎取access_token,接口地址为:
https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
上述数据的参数说明如表22-10所示。

表22-10猎取access_token接口参数说明
正确创建时,返回的数据示例如下。

{
    "access_token": "OezXcEiiBSKSxW0eoylIeOZ0dfxvb93UyrFdwznvwUv3JkVNVV1yFvQQa3IfuyMi4iZGDsAfe81sCaUXxyKrI-5XgCvhAS02eAC4MF2fJFl80Y9s-0h1EsuBmIVKgu0GnKhxCQ0M8G-gkQAJpzLzmQ",
    "expires_in": 7200,
    "refresh_token": "OezXcEiiBSKSxW0eoylIeOZ0dfxvb93UyrFdwznvwUv3JkVNVV1yFvQQa3IfuyMiH7dCabGFyMRtZHnHPHuEK78cf1eISYJ4y453T8pDa2tFAIJu8bFeLMBpeFSv9dgnGrK-ZfRxHzhq7IW4qevEMQ",
    "openid": "oH9d2v7NmDhsFzICG63UPSIOgUcY",
    "scope": "snsapi_userinfo",
    "unionid": "o4wcnwx0BVC4F_hSl5qCd5rC4Jps"
}

上述数据的参数说明如表22-11所示。

表22-11猎取access_token接口返回参数说明
最后,能够通过access token和OpenID猎取用户的基本信息。接口地址如下:
https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID
上述接口的参数说明如表22-12所示。

表22-12猎取用户基本信息接口参数说明
正确提交时,返回的数据示例如下。

{
    "openid":"oH9d2v7NmDhsFzICG63UPSIOgUcY",
    "nickname":"方倍",
    "sex":0,
    "language":"zh_CN",
    "city":"",
    "province":"",
    "country":"CN",
    "headimgurl":"http://wx.qlogo.cn/mmopen/pburdzLK7PUTcFw3ozK52Gravkznno51DSjnqnzsG6WzJLUOtadGBYYSVqh5YDicdawxrD6hHoR96OcyyDWAEgA/0",
    "privilege":[

    ],
    "unionid":"o4wcnwx0BVC4F_hSl5qCd5rC4Jps"
}

上述数据的参数说明如表22-13所示。

表22-13猎取用户基本信息接口返回参数说明
至此,移动应用就完成了微信用户的登录进程,并获得了用户的个人基本信息。
为了满足网站更定制化的需求,开放平台提供了第二种猎取code的方式,撑腰网站将微信登录二维码内嵌到自己页面中,用户使用微信扫码授权后通过JS将code返回给网站。JS微信登录能够使得网站用户在网站内就能完成登录,无需跳转到微信域下登录后再返回,提升微信登录的流畅性与胜利率。网站内嵌二维码微信登录只需要在页面内引入JS文件,然后在需要微信登录的地方实例JS对象即可。实乐山娱乐场码如下所示。

 1 <!DOCTYPE HTML>
 2 <html>
 3     <head>
 4         <meta http-equiv="content-type" content="text/html;charset=utf-8">
 5     </head>
 6     <body>
 7         <span id="login_container"></span>
 8         <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
 9         <script>JavaScript">
10             var obj = new WxLogin({
11               id: "login_container",
12               appid: "wxed782be999f86e0e",
13               scope: "snsapi_login",
14               redirect_uri: encodeURIComponent("http://" + window.location.host + "/login.php"),
15               state: Math.ceil(Math.random()*1000),
16               style: "black",
17               href: ""});
18         </script>
19     </body>
20 </html>

上述代码中,第8行为引入JS库文件,第10行到第17行为JS对象参数的定义。
JS对象参数的定义如表22-14所示。

表22-14JS参数对象定义

------分隔线----------------------------

公布评论 (153人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换金博士娱乐城赌球
最新评论