[目前插件已经支持到Phonegap 3.5]

我们再开发app过程中，不断有各种需求。业务的处理也越来越简洁。

第三方登陆就是微了再app中通过第三方账号来快速完成注册登陆的过程。

通过几天的折腾和开发，终于完成了第三方登陆插件。

该插件是基于百度社会化sdk来完成。

该插件封装了的模块包括支持新浪微博，腾讯微博，QQ空间，开心网，人人网，百度等社交平台的授权。

具体如何设置登陆信息请到百度开发者中心设置。

http://developer.baidu.com/wiki/index.php?title=docs/social/guide/web_login/web_login3。

该插件兼容，百度社会化分享插件，百度推送，百度定位，百度地图等百度系模块插件。

如果已经集成了百度社会化分享插件，集成第三方登陆插件就非常简单。

可以忽略掉 第2 第 3第 5第 6步骤。

1.下载插件包。

2. 解压所下载的包，从lib目录中得到所需要的所有的库：

Baidu-SocialShare-SDK-Android-2.0.0.jar

添加到你的项目中。

3. 修改AndroidManifest.xml，增加以下权限：

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_SETTINGS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

4. 在AndroidManifest.xml中增加jar中需要的Activity。

<activity android:name="com.baidu.cloudsdk.social.oauth.SocialOAuthActivity"android:exported="true"android:screenOrientation="portrait"android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen"></activity><activityandroid:name="com.baidu.cloudsdk.social.share.handler.LocalShareActivity"android:launchMode="singleTask"></activity><activity android:name="com.baidu.cloudsdk.social.share.handler.QQFriendShareReceiverActivity"android:launchMode="singleTask"><intent-filter><action android:name="android.intent.action.VIEW" /><category android:name="android.intent.category.DEFAULT" /><category android:name="android.intent.category.BROWSABLE" /><data android:scheme="tencent此处为腾讯开放平台APPKey" /></intent-filter></activity>

5.拷贝src文件夹里面的java文件到你的src中.

6. 拷贝assert目录下config.json文件到你的项目对应文件夹里面。并修改为自己的信息。

{
client_ids:
{
baidu:"填写在百度开发者中心注册的app key",
sinaweibo:"填写在微博开放平台注册的app key",
qqdenglu:"填写在腾讯开放平台注册的app key",
qqfriend:"填写在腾讯开放平台注册的app key",
weixin:"填写在微信开放平台注册的app key"
},
client_names:
{
qqfriend:"分享给qq好友所要显示的应用名称"
},
supported_medias:
["sinaweibo","qqweibo","qqdenglu","kaixin","renren","qqfriend","weixin","weixin_timeline","email","sms"]
}

这些信息可以参考百度开发者中心帮助文档来申请。

 具体的如何设置可以看他们的帮助文档。

7.在config.xml文件下面引入插件.

2.x  和3.x 的插件添加代码是不同的，一点注意！具体可以参考官网。

2.x插件引入方法：

<plugin name=”Pgbaidulogin” value=”com.breadth.pgtest.Pgbaidulogin”/>

3.x插件引入方法：

<feature name=”Pgbaidulogin”>
<param name=”android-package” value=”com.xhuayi.dgoula.Pgbaidulogin” />
</feature>

8. 修改html代码

引入Pgbaidulogin.js文件到主文件里面index.html

function sina(){

window.plugins.Pgbaidulogin.sina(
function(success) {
alert(success);
var data = JSON.parse(success) ;
$(“#info”).css(“display”,”block”);
$(“#headerimg”).attr(“src”,data.tinyurl);
$(“.username”).html(data.username);
$(“.sex”).html(data.sex);
$(“.city”).html(data.province+data.city);
$(“.media_type”).html(data.media_type);
$(“.social_uid”).html(data.social_uid);
}, function(fail) {
alert(“encoding failed: ” + fail);
}
);

}

function kaixin(){

window.plugins.Pgbaidulogin.kaixin(
function(success) {
alert(success);

var data = JSON.parse(success) ;
$(“#info”).css(“display”,”block”);
$(“#headerimg”).attr(“src”,data.tinyurl);
$(“.username”).html(data.username);
$(“.sex”).html(data.sex);
$(“.city”).html(data.province+data.city);
$(“.media_type”).html(data.media_type);
$(“.social_uid”).html(data.social_uid);
}, function(fail) {
alert(“encoding failed: ” + fail);
}
);

}

function qq(){

window.plugins.Pgbaidulogin.qq(
function(success) {
alert(success);
var data = JSON.parse(success) ;
$(“#info”).css(“display”,”block”);
$(“#headerimg”).attr(“src”,data.tinyurl);
$(“.username”).html(data.username);
$(“.sex”).html(data.sex);
$(“.city”).html(data.province+data.city);
$(“.media_type”).html(data.media_type);
$(“.social_uid”).html(data.social_uid);
}, function(fail) {
alert(“encoding failed: ” + fail);
}
);

}

function qqweibo(){

window.plugins.Pgbaidulogin.qqweibo(
function(success) {
alert(success);
var data = JSON.parse(success) ;
$(“#info”).css(“display”,”block”);
$(“#headerimg”).attr(“src”,data.tinyurl);
$(“.username”).html(data.username);
$(“.sex”).html(data.sex);
$(“.city”).html(data.province+data.city);
$(“.media_type”).html(data.media_type);
$(“.social_uid”).html(data.social_uid);
}, function(fail) {
alert(“encoding failed: ” + fail);
}
);

}

function renren(){

window.plugins.Pgbaidulogin.renren(
function(success) {
alert(success);
var data = JSON.parse(success) ;
$(“#info”).css(“display”,”block”);
$(“#headerimg”).attr(“src”,data.tinyurl);
$(“.username”).html(data.username);
$(“.sex”).html(data.sex);
$(“.city”).html(data.province+data.city);
$(“.media_type”).html(data.media_type);
$(“.social_uid”).html(data.social_uid);
}, function(fail) {
alert(“encoding failed: ” + fail);
}
);

}

function baidu(){

window.plugins.Pgbaidulogin.baidu(
function(success) {
alert(success);
var data = JSON.parse(success) ;
$(“#info”).css(“display”,”block”);
$(“#headerimg”).attr(“src”,data.tinyurl);
$(“.username”).html(data.username);
$(“.sex”).html(data.sex);
$(“.city”).html(data.province+data.city);
$(“.media_type”).html(data.media_type);
$(“.social_uid”).html(data.social_uid);
}, function(fail) {
alert(“encoding failed: ” + fail);
}
);
}

这里的方法是我自己测试用的，可以自己选用，

再处理登陆后如何和自己的用户体系绑定账号，从而达到登陆后直接注册用户。

请看我上一篇文章： 第三方平台账号登入流程总结

我这里已经提供一个social_uid 作为用户唯一id标示。当用户登陆后将此值和自己的用户体系的id绑定注册一个新用户。

这样当用户下次再用同样的第三方账号登陆，就直接登陆app。

注意：第三方登陆后，社会化分享时候用到的账信息就已经存在不需要再登陆后再分享！