第三方登录---微信登录

由于某一个误导，误打误撞的实现了微信登录...（其实是要实现第三方平台授权的，下一篇文档会讲解下第三方平台授权）

第三方登录多么常见我就不多说了，想要实现第三方登录首先需要在第三方平台（QQ、新浪微博、微信…）注册平台账号，然后配置…在此我就拿微信登录做一个简单的例子。

在此只写一个简单的小demo，是想告诉大家这个第三方登录其实很简单，没有想象的那么难。大家还是要多看官方文档。

首先也是最重要的：微信开放平台注册账号（收费di~）
注册完毕，去管理中心，如下：

有五个功能：移动应用、网站应用、公众账号、小程序、第三方平台

此篇文章主要说得是微信登录，所以主要讲一下网站应用，其他的功能大家百度一下哈
>>>官方文档>>>

看到官方文档这么简短，就可以知道微信登录的实现很简单啦

下面我直接贴我测试的代码（前端实现代码）：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>第三方登录---微信登录</title>
</head>
<body><div id="login_container">
这是装二维码的容器div
</div><script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script type="text/javascript">
//id和scope不用改、appid和redirect_uri改为自己的var obj = new WxLogin({id:"login_container", appid: "***************", scope: "snsapi_login", redirect_uri:"http%3A%2F%2Fwww.baidu.cn",state: "",style: "black",href: ""});</script>
</body>
</html>

效果：

然后嵌到前端页面就可以了！

还有一种方式是跳转到二维码页面再跳转回来，那种方式估计很少用吧。。。因此我就没有写demo。

用户扫了二维码后，我们可以获得code。然后通过code获取access_token，然后再去调用接口获取用户信息。

在此只写一个简单的小demo，是想告诉大家这个第三方登录其实很简单，没有想象的那么难。大家还是要多看官方文档。

再往下就去看文档吧，我再写也不如官网详细啦
>>>官方文档>>>

第三方登录---微信登录相关推荐

网站集成第三方登录-微信登录
网站集成第三方登录-微信登录课程介绍 1. 第三方登录引入介绍; 2. 网站微信登录原理(重点);oauth2 3. 网站微信登录具体步骤(重点); 4. 常见疑问解答; 5. 功能实现 ...
第三方应用微信登录接口
重点内容 https://www.cnblogs.com/benwu/articles/5705604.html 微信登录接入微信登录遵循协议Aouth2.0中的授权码模式 Aouth2.0授权码模 ...
微信用户绑定java实例_第三方网站微信登录java代码实现
前两个星期在公司中的项目加上了微信登录.绑定的功能,在这里做个记录! 一.开发前知识 1.微信开放平台与微信公众平台的区别 1.1 微信公众平台: ② 微信公众平台面向的是普通的用户,比如自媒体和媒体 ...
第三方网站应用微信登录开发指南
微信开放平台网址网站应用微信登录开发指南准备工作网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统. 在进行微信OAuth2.在进行微信OAuth2.0授权登录 ...
第三方的登录----微信登录实现流程
目录一.微信登录流程 1.客户端授权 - 授权码模式流程二.微信登录实现 1.准备工作 1.完成微信开放平台的注册,获取参数 2.配置本地虚拟路径 2.拉取微信二维码 1.前端点击微信登录向后端发 ...
vue网站第三方登录-微信登录
技术:vue 实现效果点击微信登录入口➡打开微信登录二维码➡手机扫码授权➡进入系统相应页面开发前的准备在微信开放平台注册开发者帐号,并拥有一个已审核通过的网站应用,并获得相应的 AppID 和A ...
微信小程序微信授权登录微信登录
一.调用接口获取临时登录凭证(code) wx.login({success(res) {if (res.code) {// res.code => 登录凭证} else {console.lo ...
h5第三方登录—微信登录
第一步:用户同意授权,获取code 第二步:通过code换取网页授权access_token 第三步:刷新access_token(如果需要) 第四步:拉取用户信息(需scope为 snsapi_us ...
iOS 三方登录微信登录失败真机测试由于应用BundleID信息校验不通过，无法使用微信登录
真机测试打包到蒲公英一切顺利但是在测试同胞那里微信的三方登录失败报错原因如下解决办法在微信开放平台将这个项目的bundle ID改成和打包项目中的一致即可

第三方登录---微信登录

第三方登录---微信登录相关推荐

最新文章

热门文章