Windows Phone 社交分享SDK发布(新浪微博、腾讯微博、人人)

时间:2021-12-27 21:19:06

update2012.7.15: 现在可以使用Nuget获取到 Alexis.WindowsPhone.Social.dll

 

Chapter 1. Why I create Alexis.WindowsPhone.Social.dll

    现在的互联网是社交化时代,人们有什么稀奇古怪的事情都喜欢放到互联网上与好友分享。

各个社交化平台都各自推出了自己的Windows Phone SDK,然则这些SDK都是功能比较齐全,占用的空间也是比较大。

但是有些时候,我们在应用程序中可能仅仅只需要某几项功能,如登录授权,分享。庞大的分享SDK占据着大量的空间,虽不致程序运行缓慢,但始终拖了一点后腿。

于是精简版的SDK:Alexis.WindowsPhone.Social.dll 就诞生了。开发者可以使用Alexis.WindowsPhone.Social.dll方便的进行社交分享,只需要简单配置,就能将您的App分享到各平台。

Chapter 2. What’s in Alexis.WindowsPhone.Social.dll

Alexis.WindowsPhone.Social.dll 大小71KB,远比各平台提供的官方SDK要小,内嵌了新浪微博、腾讯微博、人人网的logo

Windows Phone 社交分享SDK发布(新浪微博、腾讯微博、人人)

账户管理控件,在SDK中集成了账户管理控件,内置了注销账号、绑定帐号的功能

Windows Phone 社交分享SDK发布(新浪微博、腾讯微博、人人)

分享控件,当用户想要分享的时候,可以让用户选择分享的平台

Windows Phone 社交分享SDK发布(新浪微博、腾讯微博、人人)

授权控件,采用WebBrowser展示授权页面

Windows Phone 社交分享SDK发布(新浪微博、腾讯微博、人人)

 

公共接口:

LogOff:注销账号

UploadStatusWithPic:分享一条带图片的微博

Windows Phone 社交分享SDK发布(新浪微博、腾讯微博、人人)

 

Chapter 3. How to use Alexis.WindowsPhone.Social.dll

一、前期准备:

1. 注册分享平台注册

在使用SDK之前,我们需要先在各个分享平台上注册自己的应用,以获取相应的AppKey和AppSecret

新浪微博:http://open.weibo.com -> 我的应用 -> 创建应用

腾讯微博:http://dev.open.t.qq.com/ -> 我的应用 -> 创建应用

人人网:http://dev.renren.com/ -> 我的应用 -> 创建应用

并且填写好各个分享平台需要填写的资料,以让你的应用顺利通过审核

2. 添加测试帐号

各个平台都支持没有通过审核的应用进行测试运行,即在审核没有通过之前,我们可以添加一些测试帐号来调用开发平台的接口。

二、 使用Social SDK

分享流程:用户点击分享-》使用ShareControl让用户选择平台-》如果用户没有登录,使用AuthControl进行授权-》登录成功后,进入发送页面(自己定义)

1. 下载Alexis.WindowsPhone.Social.dll,并添加引用到主项目中。

2. 在App.cs 中定义SocialSDK中需要用到的全局变量(当然你也可以在其他类里面定义)

/// <summary>
///
current socail type
/// </summary>
public static SocialType CurrentSocialType { get; set; }

/// <summary>
///
if login from account page, then we should goback
/// </summary>
public static bool IsLoginGoBack { get; set; }

/// <summary>
///
shared text
/// </summary>
public static string Statues { get; set; }

/// <summary>
///
shared image
/// </summary>
public static WriteableBitmap ShareImage { get; set; }
3. 新建Constants类,填写申请到的社交平台的Key,如下:
public class Constants
{
public const string SHARE_IMAGE = "share.jpg";

public static ClientInfo GetClient(SocialType type)
{
ClientInfo client = new ClientInfo();
switch (type)
{
case SocialType.Weibo:
client.ClientId = "YOUR_WEIBO_CLIENT_ID";
client.ClientSecret = "YOUR_WEIBO_CLIENT_SECRET";
//client.RedirectUri = "http://weibo.com/";//if not set,left this property empty
break;
case SocialType.Tencent:
client.ClientId = "";
client.ClientSecret = "";
break;
case SocialType.Renren:
client.ClientId = "";
client.ClientSecret = "";
break;
default:
break;
}
return client;
}
}
4. 添加授权页面,命名为SocialLoginPage.xaml,改页面用于放置SDK中的授权控件,并处理相关的页面跳转逻辑。清空页面中的XAML,如下:
<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">

</
Grid>

5. 在页面构造函数中加载Social SDK中的登录授权控件,代码如下:

private void LoadLoginControl()
{
AuthControl control = new AuthControl();
var type = App.CurrentSocialType;
control.SetData(type, Constants.GetClient(type));
control.action += (p) =>
{
if (App.IsLoginGoBack)
{
Deployment.Current.Dispatcher.BeginInvoke(delegate
{
if (NavigationService.CanGoBack)
{
NavigationService.GoBack();
}
});
}
else
{
_isClearBackStack = true;
Deployment.Current.Dispatcher.BeginInvoke(delegate
{
NavigationService.Navigate(new Uri("/SocialSendPage.xaml", UriKind.Relative));
});
}
};
this.LayoutRoot.Children.Add(control);
}

6. 同时重写页面的OnNavigatedFrom事件,原因是在登录成功后需要清理掉登录页面(清理临时页面)

protected override void OnNavigatedFrom(System.Windows.Navigation.NavigationEventArgs e)
{
if (_isClearBackStack)
{
if (NavigationService.CanGoBack)
{
Deployment.Current.Dispatcher.BeginInvoke(delegate
{
NavigationService.RemoveBackEntry();
});
}
}
base.OnNavigatedFrom(e);
}

7.创建发送页面,命名为SocialSendPage.xaml,改页面用于发送分享的内容,添加一个Appbar按钮并注册点击事件,用于响应发送,具体的发送代码如下:

private void Send()
{
this.Focus();
ApplicationBar.IsVisible = false;

grid.Visibility = System.Windows.Visibility.Visible;
tbk_busy.Text = "正在发送...";
if (sb_busy != null)
{
sb_busy.Begin();
}
SocialAPI.Client = Constants.GetClient(App.CurrentSocialType);

SocialAPI.UploadStatusWithPic(App.CurrentSocialType, ptb_status.Text, Constants.SHARE_IMAGE, (isSuccess, err) =>
{
Deployment.Current.Dispatcher.BeginInvoke(delegate
{
ApplicationBar.IsVisible = true;
grid.Visibility = System.Windows.Visibility.Collapsed;
if (isSuccess)
{
MessageBox.Show("发送成功");
if (NavigationService.CanGoBack)
{
NavigationService.GoBack();
}
}
else
{
MessageBox.Show("分享失败");
}
});
});
}

8.如果想要帐号管理页面,可以创建AccountPage.xaml页面,并在页面中放置SDK中的账户控件,注册点击事件即可。

        <!--ContentPanel - place additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<
social:AccountControl x:Name="accountControl" />
</
Grid>
public AccountPage()
{
InitializeComponent();
accountControl.BindAction = ((p) =>
{
App.IsLoginGoBack = true;
App.CurrentSocialType = p;
NavigationService.Navigate(new Uri("/SocialLoginPage.xaml", UriKind.Relative));
});
}

完整的代码可以查看SDK中Demo。


项目开源地址:http://socialsdk.codeplex.com/