zoukankan      html  css  js  c++  java
  • Windows Phone 社交分享SDK发布(新浪微博、腾讯微博、人人)

    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

    image_thumb

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

    1_thumb

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

    image_thumb1

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

    image_thumb2

    公共接口:

    LogOff:注销账号

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

    image_thumb3

    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/

    如果您喜欢我的文章,您可以通过支付宝对我进行捐助,您的支持是我最大的动力https://me.alipay.com/alexis


    作者:Alexis
    出处:http://www.cnblogs.com/alexis/
    关于作者:专注于Windows Phone 7、Silverlight、Web前端(jQuery)。
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,如有问题,可以通过shuifengxuATgmail.com  联系我,非常感谢。

  • 相关阅读:
    Java Switch
    老徐杂谈:年后的第一个双休,你在做什么?
    测试必备技能系列4:如何用SSH向linux服务器上传下载文件
    Git从零教你入门(4):Git服务之 gogs部署安装
    你知道哪些linux命令,能把文件上传到远程linux服务器
    一个7年以上测试工程师的2016思考
    老徐谈谈软件测试职业的现状,以及市场情况
    mac 远程连接服务器
    Git从零开始怎么学?
    分享 | Git常用的一些命令
  • 原文地址:https://www.cnblogs.com/alexis/p/2526433.html
Copyright © 2011-2022 走看看