使用weibo js,新浪微博三方登陆,帐号绑定。

    最近在做利用三方资源的东西,由于以往做的是企业管理(ERP)的内网系统,初涉外网资源的互联网系统摸索了很长时间。

    对于网上充斥的各种教程,我真是无力吐槽,我决定把这期间的各种问题以及相应的解决办法拿出来分享 。教程分为两个阶段:一是账号登录,二是三方账号与本地账号的绑定,放心肯定精细到代码级别。

第一部分:三方登录:

  1.去新浪微博开放平台上要做的事情:

    请耐心看完,一步步操作,如图所示:

①进入open.weibo.com

   

  ②选择微连接中的“网站接入”:

  

  ③选择立即接入:

注意如果此时你没有登录,或者登录之后微博检测到你还不是开发者,请进行开发者信息的填写以及审核,审核很快,点击之后就可以审核通过(身份验证)

④填写网站信息,之后将<meta>标记加入到自己的网站首页,在本地添加成功后(在开发ide如eclipse中的项目首页加入这<meta标记>),再重新发布到自己的服务器上,(可以重新打包成war包,发布到外网上面,如我用的是腾讯的阿里云托管),确定上述几个步骤完成之后,再点击“验证并添加”,微博的某段代码会自动读取你在项目首页上添加的头,如果有则验证成功。

⑤经过上述过程你的网站已经添加成功,这时候微博会将你网站的appKey发给你,(appkey)是你网站的唯一标识。

如下图进行自己appkey的查找:

 点击我的应用:

此时这里会有appkey的值,你一定会看到

完成这些步骤之后,请进行你的授权回调页的设置:

解释一下

1.授权回调页是用户在使用微博账号登录你所接入的网站之后,微博将用户个人的openID以及accessToken进行接收的页面(你的网站首页或者其他页面)

2.通俗的讲,就是用户对你的应用授权成功,(登录成功后)跳转到的页面。

设置如下

  点击上图的接口管理:

接着点击授权机制,在右面的页面中有授权回调页的设置:

点击编辑,改成你自己网站的首页或者相应的授权回调页面。(如:www.wangdachui.com/login(优雅的restful   url))等。

此时网站的申请接入已经完成,骚年们,开始写代码了。

在你的首页或者登录界面设置登录按钮,这里我们选择后者(只为测试用,真实的开发应该是在首页显示登录按钮,点击登录按钮之后,页面跳转到登录界面,在这个界面上有新浪微博的登录按钮)注意微博有登录组件,这里我们使用自定义按钮:

步骤如下:

             ①.在<header>中引入weibo.js

appkey=写上自己网站的appkey。

           ②.设置你的登录按钮

③.在微博登录按钮上设置一个οnclick="weibologin()"事件:

④编写用户授权登录及绑定的js代码:

 

隐藏表单如下所示:

使用了spring security 框架,进行用户验证授权。

基本上就是这样,相信想做这个的对ajax也是了解的,由于后台代码较为机密,就不能写了。ajax请求的相应服务器端处理代码,请自行完成,基本上流程就是这样,如果有不懂得地方请留言:qq :1061328217


Peace of all.

     






  

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值