pc端和移动端集成第三方快捷登录 --- 微博为例

ゞ浴缸里的玫瑰 2022-05-16 03:17 424阅读 0赞

通过新浪微博的[开放平台][Link 1]去注册一个应用。

之后你会得到一个App Key和一个App Secret。拥有它们，你才可以申请权限。

![70][]

2、在高级信息中编辑授权回调页，这里与后面代码里的回调地址要一致

![70 1][]

3、 微博登录标识的地址如下：

https://api.weibo.com/oauth2/authorize?client_id=YOUR_CLIENT_ID&response_type=code&redirect_uri=YOUR_REGISTERED_REDIRECT_URI

参数

<table> 
 <tbody> 
 <tr> 
 <th> &nbsp; </th> 
 <th> 必选 </th> 
 <th> 类型及范围 </th> 
 <th> 说明 </th> 
 </tr> 
 <tr> 
 <td> client_id </td> 
 <td> true </td> 
 <td> string </td> 
 <td> 申请应用时分配的AppKey。 </td> 
 </tr> 
 <tr> 
 <td> redirect_uri </td> 
 <td> true </td> 
 <td> string </td> 
 <td> 授权回调地址，站外应用需与设置的回调地址一致，站内应用需填写canvas page的地址。 </td> 
 </tr> 
 <tr> 
 <td> response_type </td> 
 <td> false </td> 
 <td> string </td> 
 <td> code </td> 
 </tr> 
 </tbody> 
</table>

返回值

<table> 
 <tbody> 
 <tr> 
 <th> 返回值字段 </th> 
 <th> 字段类型 </th> 
 <th> 字段说明 </th> 
 </tr> 
 <tr> 
 <td> code </td> 
 <td> string </td> 
 <td> 用于第二步调用oauth2/access_token接口，获取授权后的access token。 </td> 
 </tr> 
 <tr> 
 <td> state </td> 
 <td> string </td> 
 <td> 如果传递参数，会回传该参数。 </td> 
 </tr> 
 </tbody> 
</table>

4、点击你的工程微博登录按钮打开授权页面，如果用户同意授权，页面跳转至 YOUR\_REGISTERED\_REDIRECT\_URI/?code=CODE

跳转地址：红色部分为微博pc端授权地址，移动端授权接口地址：[https://open.weibo.cn/oauth2/authorize][https_open.weibo.cn_oauth2_authorize] 并且在loginWbUri后面增加两个参数 '&response\_type=code&display=mobile'

app：

![70 2][]

pc：

![70 3][]

![format_png][]

//同意授权后会重定向
    http://www.example.com/response&code=CODE

示例：http://www.xxxxx.com/callback.php?code=1f5848d0562f39fbbaf8d35cbc853ea3

5、get获取code值，用CURL方式请求Access Token（这里可以走本地服务器也就是自己的后台接口进行登录）

请求地址：

https://api.weibo.com/oauth2/access_token?client_id=YOUR_CLIENT_ID&client_secret=YOUR_CLIENT_SECRET&grant_type=authorization_code&redirect_uri=YOUR_REGISTERED_REDIRECT_URI&code=CODE

请求方式：

POST

请求参数：

<table> 
 <tbody> 
 <tr> 
 <th> &nbsp; </th> 
 <th> 必选 </th> 
 <th> 类型及范围 </th> 
 <th> 说明 </th> 
 </tr> 
 <tr> 
 <td> client_id </td> 
 <td> true </td> 
 <td> string </td> 
 <td> 申请应用时分配的AppKey。 </td> 
 </tr> 
 <tr> 
 <td> client_secret </td> 
 <td> true </td> 
 <td> string </td> 
 <td> 申请应用时分配的AppSecret。 </td> 
 </tr> 
 <tr> 
 <td> grant_type </td> 
 <td> true </td> 
 <td> string </td> 
 <td> 请求的类型，填写authorization_code </td> 
 </tr> 
 <tr> 
 <td> code </td> 
 <td> ture </td> 
 <td> string </td> 
 <td> 调用authorize获得的code值。 </td> 
 </tr> 
 <tr> 
 <td> rediect_url </td> 
 <td> ture </td> 
 <td> string </td> 
 <td> 回调地址，需需与注册应用里的回调地址一致。 </td> 
 </tr> 
 </tbody> 
</table>

返回值

{
        "access_token": "SlAV32hkKG",
        "remind_in": 3600,
        "expires_in": 3600,
        "uid":1887188234
    }

6、使用获得的Access Token和uid调用API

获取用户信息API：

https://api.weibo.com/2/users/show.json

请求参数:

<table> 
 <tbody> 
 <tr> 
 <th> &nbsp; </th> 
 <th> 必选 </th> 
 <th> 类型及范围 </th> 
 <th> 说明 </th> 
 </tr> 
 <tr> 
 <td> access_token </td> 
 <td> true </td> 
 <td> string </td> 
 <td> 采用OAuth授权方式为必填参数，OAuth授权后获得。 </td> 
 </tr> 
 <tr> 
 <td> uid </td> 
 <td> false </td> 
 <td> int64 </td> 
 <td> 需要查询的用户ID。 </td> 
 </tr> 
 <tr> 
 <td> screen_name </td> 
 <td> false </td> 
 <td> string </td> 
 <td> 需要查询的用户昵称。 </td> 
 </tr> 
 </tbody> 
</table>

参数uid与screen\_name二者必选其一，且只能选其一；

返回示例：

{
 "id": 1404376560,
 "screen_name": "zaku",
 "name": "zaku",
 "province": "11",
 "city": "5",
 "location": "北京 朝阳区",
 "description": "人生五十年，乃如梦如幻；有生斯有死，壮士复何憾。",
 "url": "http://blog.sina.com.cn/zaku",
 "profile_image_url": "http://tp1.sinaimg.cn/1404376560/50/0/1",
 "domain": "zaku",
 "gender": "m",
 "followers_count": 1204,
 "friends_count": 447,
 "statuses_count": 2908,
 "favourites_count": 0,
 "created_at": "Fri Aug 28 00:00:00 +0800 2009",
 "following": false,
 "allow_all_act_msg": false,
 "geo_enabled": true,
 "verified": false,
 "status": {
 "created_at": "Tue May 24 18:04:53 +0800 2011",
 "id": 11142488790,
 "text": "我的相机到了。",
 "source": "<a href="http://weibo.com" rel="nofollow">新浪微博</a>",
 "favorited": false,
 "truncated": false,
 "in_reply_to_status_id": "",
 "in_reply_to_user_id": "",
 "in_reply_to_screen_name": "",
 "geo": null,
 "mid": "5610221544300749636",
 "annotations": [],
 "reposts_count": 5,
 "comments_count": 8
 },
 "allow_all_comment": true,
 "avatar_large": "http://tp1.sinaimg.cn/1404376560/180/0/1",
 "verified_reason": "",
 "follow_me": false,
 "online_status": 0,
 "bi_followers_count": 215
 }
 返回值：

<table> 
 <tbody> 
 <tr> 
 <th> 返回值字段 </th> 
 <th> 字段类型 </th> 
 <th> 字段说明 </th> 
 </tr> 
 <tr> 
 <td> id </td> 
 <td> int64 </td> 
 <td> 用户UID </td> 
 </tr> 
 <tr> 
 <td> idstr </td> 
 <td> string </td> 
 <td> 字符串型的用户UID </td> 
 </tr> 
 <tr> 
 <td> screen_name </td> 
 <td> string </td> 
 <td> 用户昵称 </td> 
 </tr> 
 <tr> 
 <td> name </td> 
 <td> string </td> 
 <td> 友好显示名称 </td> 
 </tr> 
 <tr> 
 <td> province </td> 
 <td> int </td> 
 <td> 用户所在省级ID </td> 
 </tr> 
 <tr> 
 <td> city </td> 
 <td> int </td> 
 <td> 用户所在城市ID </td> 
 </tr> 
 <tr> 
 <td> location </td> 
 <td> string </td> 
 <td> 用户所在地 </td> 
 </tr> 
 <tr> 
 <td> description </td> 
 <td> string </td> 
 <td> 用户个人描述 </td> 
 </tr> 
 <tr> 
 <td> url </td> 
 <td> string </td> 
 <td> 用户博客地址 </td> 
 </tr> 
 <tr> 
 <td> profile_image_url </td> 
 <td> string </td> 
 <td> 用户头像地址（中图），50×50像素 </td> 
 </tr> 
 <tr> 
 <td> profile_url </td> 
 <td> string </td> 
 <td> 用户的微博统一URL地址 </td> 
 </tr> 
 <tr> 
 <td> domain </td> 
 <td> string </td> 
 <td> 用户的个性化域名 </td> 
 </tr> 
 <tr> 
 <td> weihao </td> 
 <td> string </td> 
 <td> 用户的微号 </td> 
 </tr> 
 <tr> 
 <td> gender </td> 
 <td> string </td> 
 <td> 性别，m：男、f：女、n：未知 </td> 
 </tr> 
 <tr> 
 <td> followers_count </td> 
 <td> int </td> 
 <td> 粉丝数 </td> 
 </tr> 
 <tr> 
 <td> friends_count </td> 
 <td> int </td> 
 <td> 关注数 </td> 
 </tr> 
 <tr> 
 <td> statuses_count </td> 
 <td> int </td> 
 <td> 微博数 </td> 
 </tr> 
 <tr> 
 <td> favourites_count </td> 
 <td> int </td> 
 <td> 收藏数 </td> 
 </tr> 
 <tr> 
 <td> created_at </td> 
 <td> string </td> 
 <td> 用户创建（注册）时间 </td> 
 </tr> 
 <tr> 
 <td> following </td> 
 <td> boolean </td> 
 <td> 暂未支持 </td> 
 </tr> 
 <tr> 
 <td> allow_all_act_msg </td> 
 <td> boolean </td> 
 <td> 是否允许所有人给我发私信，true：是，false：否 </td> 
 </tr> 
 <tr> 
 <td> geo_enabled </td> 
 <td> boolean </td> 
 <td> 是否允许标识用户的地理位置，true：是，false：否 </td> 
 </tr> 
 <tr> 
 <td> verified </td> 
 <td> boolean </td> 
 <td> 是否是微博认证用户，即加V用户，true：是，false：否 </td> 
 </tr> 
 <tr> 
 <td> verified_type </td> 
 <td> int </td> 
 <td> 暂未支持 </td> 
 </tr> 
 <tr> 
 <td> remark </td> 
 <td> string </td> 
 <td> 用户备注信息，只有在查询用户关系时才返回此字段 </td> 
 </tr> 
 <tr> 
 <td> status </td> 
 <td> object </td> 
 <td> 用户的最近一条微博信息字段&nbsp;<a href="http://open.weibo.com/wiki/%E5%B8%B8%E8%A7%81%E8%BF%94%E5%9B%9E%E5%AF%B9%E8%B1%A1%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84#.E5.BE.AE.E5.8D.9A.EF.BC.88status.EF.BC.89" rel="nofollow">详细</a> </td> 
 </tr> 
 <tr> 
 <td> allow_all_comment </td> 
 <td> boolean </td> 
 <td> 是否允许所有人对我的微博进行评论，true：是，false：否 </td> 
 </tr> 
 <tr> 
 <td> avatar_large </td> 
 <td> string </td> 
 <td> 用户头像地址（大图），180×180像素 </td> 
 </tr> 
 <tr> 
 <td> avatar_hd </td> 
 <td> string </td> 
 <td> 用户头像地址（高清），高清头像原图 </td> 
 </tr> 
 <tr> 
 <td> verified_reason </td> 
 <td> string </td> 
 <td> 认证原因 </td> 
 </tr> 
 <tr> 
 <td> follow_me </td> 
 <td> boolean </td> 
 <td> 该用户是否关注当前登录用户，true：是，false：否 </td> 
 </tr> 
 <tr> 
 <td> online_status </td> 
 <td> int </td> 
 <td> 用户的在线状态，0：不在线、1：在线 </td> 
 </tr> 
 <tr> 
 <td> bi_followers_count </td> 
 <td> int </td> 
 <td> 用户的互粉数 </td> 
 </tr> 
 <tr> 
 <td> lang </td> 
 <td> string </td> 
 <td> 用户当前的语言版本，zh-cn：简体中文，zh-tw：繁体中文，en：英语 </td> 
 </tr> 
 </tbody> 
</table>

如图，此时就可以获取想要的用户信息（用户昵称、头像等），可让用户直接登录访问网站了

其实像微信登陆、QQ登陆的原理都一样，都是：

1、获取用户授权，取得code

2、将code发送到授权服务器获取Access Token

3、通过Access Token调取API接口获取用户信息

微博api地址： [http://open.weibo.com/wiki/%E9%A6%96%E9%A1%B5][http_open.weibo.com_wiki_E9_A6_96_E9_A1_B5]

基于开发过程中的随笔记录，有啥错误的请指正啊   呵呵呵

--------------------

![20191229112121499.png][]

想要整理更多的碎片知识，扫码关注下面的公众号，让我们在哪里接着唠！

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZWh1ODM3NzY5NDc0_size_16_color_FFFFFF_t_70][]

[Link 1]: http://open.weibo.com/development
[70]: /images/20220516/864a7746f4854d7aadaac903ce07de93.png
[70 1]: /images/20220516/a11cb989d0c748d1b89c66c76dea272f.png
[https_open.weibo.cn_oauth2_authorize]: https://open.weibo.cn/oauth2/authorize
[70 2]: /images/20220516/ff2ea1cb9a55436da845350c8ac10480.png
[70 3]: /images/20220516/3019956613494140bf4462dd07d99ccf.png
[format_png]: /images/20220516/2866228852ce40b49da33a096126ab9b.png
[http_open.weibo.com_wiki_E9_A6_96_E9_A1_B5]: http://open.weibo.com/wiki/%E9%A6%96%E9%A1%B5
[20191229112121499.png]: /images/20220516/6333e80891f249b3b4b8bdcaa79591d7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZWh1ODM3NzY5NDc0_size_16_color_FFFFFF_t_70]: /images/20220516/862b99f531984c0195b72fd5a1e2fd50.png