最近在做利用三方资源的东西,由于以往做的是企业管理(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.