注册新浪微博开放平台完成开发者认证按照流程走,简单粘贴代码即可
优采云 发布时间: 2021-07-14 01:35注册新浪微博开放平台完成开发者认证按照流程走,简单粘贴代码即可
以QQ上网为例,这里是如何实现微博登录的。
成为开发者
首先还是要注册一个微博账号,并使用微博账号登录开放平台。
打开微博开放平台官网,点击登录完成开发者注册
新浪微博开放平台
完成开发者认证
根据流程,开发者类型一般选择个人。
开发者认证
创建网站application
一般来说,我们创建的是网站application,其他应用类似,这里仅以网站application为例。
认证完成后,在首页微链接菜单下选择网站access(或首页下网站access WEB),按要求填写信息。
创建应用程序
需要准备的主要材料有:
1、注册域名
2、发展好网站
3、Server
4、应用图标
特别注意:
填写完基本信息后,还需要填写高级信息。高级信息中的授权回调页面和取消授权回调页面非常重要,非常重要,非常重要(重要的事情说三遍)。
授权回调页面是授权完成后要回调的页面。该页面必须在申请地址的域名下。同理,取消授权回调页面是取消授权后要回调的页面(一般是跳转到登录页面)。
等待审核
审核时间一般为1个工作日,所以为了节省时间,信息一定要准确,避免多次修改。
评论
页面开发
开发方式有两种,一种是使用sdk,一种是定制开发。 sdk开发门槛低,无需了解具体授权逻辑,粘贴代码即可,以下以登录按钮为例简单介绍(不推荐此方式,推荐自定义开发)。
打开链接
配置登录按钮样式
配置登录按钮样式
选择应用
复制代码
1、向 HTML 标签添加 XML 命名空间
2、在 HEAD 头部引入 WB.JS
3、在需要部署登录按钮的地方粘贴WBML代码(复制代码)
4、write 回调方法
WB2.anyWhere(function(W){
W.widget.connectButton({
id: "wb_connect_btn",
输入:"3,2",
回调:{
login:function(o){//登录后回调函数
},
logout:function(){//退出后回调函数
}
}
});
定制开发(推荐)
我们专业,一定要选择定制开发(可以跳过上面的sdk教程)
完成网站application信息后,开始使用界面,登录功能主要有以下几个界面:
1、OAuth2.0 授权登录界面
2、获取token和uid接口
3、获取用户信息界面
第一步:添加登录页面链接
微博
这里的应用主键是App Key。在开发平台的应用管理中可以看到,回调地址为应用高级信息中的授权回调页面。两者必须相同。
第二步:开发授权回调页面
因为回调页面必须是外网,所以开发时需要经常部署新的网站(更新部分就够了),所以这一步之后,必须要有服务器权限。
回调页面中有一个很重要的参数,就是地址栏上的code参数。授权后自动带code参数获取token。只能使用一次,再次使用会报错。
第三步:根据代码交换token和uid
此时需要在后台以post的形式请求access_token接口,地址为
"+申请密钥+"&client_secret="+申请密钥+"&grant_type=authorization_code&redirect_uri="+回调地址+"&code="+获取码
应用主密钥和应用密钥可以在应用管理中找到。因为它们很重要,所以必须在后台请求(前台请求有跨域和头信息不一致),通过前台传递回调地址和代码。这是后面的代码
C#获取微博令牌
令牌实体类
第四步:获取用户信息(登录)
获取用户信息的前提是提供token和uid,所以我们调用第三步封装的方法privateWBTokenStateGetWeiBoToken(stringcode, stringcallback)。这时候请求的地址是""+交换的token+"&uid="+交换的uid
此时代码如下
微博登录
微博用户实体类
具体登录逻辑略...
第 5 步:在前台调用
此时后台已经写好,前台开始调用。
先判断回调地址的code参数是否为空,然后动态获取回调地址(后面改起来很麻烦,测试的时候一定要硬编码),然后调用登录接口后台编写(后台登录界面自动换取token、uid和用户信息),具体代码如下
使用angularjs,应该不难理解
结论
微博登录的意义在于接入大量微博用户,降低网站注册门槛,实现零成本引入社交关系,快速传播优质内容。
ps:
代码只能使用一次,再次使用会报错,必须在后台调用,post方式。
授权机制(包括获取uid)
授权机制
获取用户名
获取用户信息
js SDK