Windows Phone开发(44):推送通知第二集之磁贴通知

移动开发
重点就是,Action="Clear",但要注意,磁贴正面的背景图不能清除。好,再来新建一个WP应用,这回要做客户端。直接新建即可,XAML文档不用改,因为我们不需要界面设计了,直打开后台代码吧。

前面我们说了***个类型——Toast通知,这玩意儿不知大家是不是觉得很新鲜,以前玩.NET编程应该没接触过吧?

其实这东西绝对不复杂,只是刚接触的时候会有点莫名罢了,Toast通知和今天要说的磁贴通知,都有一个共同点,那就是格式都规定死了D。

本质就是向特定的URI地址POST一个XML文档罢了,相信很多人都会,如果你还不会,真的,要补一补基础课了。

多说无益,还是快点切入主题,开门见水吧。

首先,我们要知道我们在服务器端要POST什么样的XML文档,来,一起来看看。

<?xml version="1.0" encoding="utf-8" ?>   
<wp:Notification xmlns:wp="WPNotification">   
  <wp:Tile ID="导航URI">   
    <wp:BackgroundImage>正面背景图片</wp:BackgroundImage>   
    <wp:Count>计数器</wp:Count>   
    <wp:Title>正面标题</wp:Title>   
    <wp:BackBackgroundImage>背面背景图片</wp:BackBackgroundImage>   
    <wp:BackTitle>背面标题</wp:BackTitle>   
    <wp:BackContent>背面内容</wp:BackContent>   
  </wp:Tile>   
</wp:Notification> 
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.

前面关于磁贴的内容,大家有印象吧?

磁帖者,有正面的标题、背景图、计数器;背面有标题、背景图和正文。有印象就好,不用我打水口枪。

来吧,我们通过一个现场演练来体会体会吧。

先做服务器端,这回我选择用ASP.NET,不要告诉我你不会。

启动VS,建一个ASP.NET网站,然后,把default.aspx改造一下,如果你嫌生成的代码不好看,可以把文件删除,然后新建一个页面。

好了,页面布局嘛,我贴一下HTML就行了。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml">   
<head runat="server">   
    <title></title>   
</head>   
<body>   
    <form id="form1" runat="server">   
    <div>   
        <div>   
            目标URI:   
            <asp:TextBox ID="txtURI" runat="server" Width="911px"></asp:TextBox>   
        </div>   
        <div>   
            <table border="0">   
                <tr>   
                    <td>正面背景:</td>   
                    <td>   
                        <asp:TextBox ID="txtBackImg" runat="server" Width="316px"></asp:TextBox></td>   
                </tr>   
                <tr>   
                    <td>正面标题:</td>   
                    <td>   
                        <asp:TextBox ID="txtTitle" runat="server" Width="316px"></asp:TextBox>   
                    </td>   
                </tr>   
                <tr>   
                    <td>计数:</td>   
                    <td>   
                        <asp:TextBox ID="txtCount" runat="server" Width="313px"></asp:TextBox>   
                    </td>   
                </tr>   
                <tr>   
                    <td>背面背景:</td>   
                    <td>   
                        <asp:TextBox ID="txtBackBackImg" runat="server" Width="316px"></asp:TextBox>   
                    </td>   
                </tr>   
                <tr>   
                    <td>背面标题:</td>   
                    <td>   
                        <asp:TextBox ID="txtBackTitle" runat="server" Width="321px"></asp:TextBox>   
                    </td>   
                </tr>   
                <tr>   
                    <td>背面正文:</td>   
                    <td>   
                        <asp:TextBox ID="txtBackContent" runat="server" Width="309px"></asp:TextBox>   
                    </td>   
                </tr>   
            </table>   
            <div style="margin-left:20px; margin-top:10px;">   
                <asp:Button ID="btnSend" runat="server" Text="发送" onclick="btnSend_Click" /></div>   
        </div>   
        <div style=" margin-top:20px;">   
            <asp:TextBox ID="txtRes" runat="server" Height="155px" TextMode="MultiLine"    
                Width="729px"></asp:TextBox>   
        </div>   
    </div>   
    </form>   
</body>   
</html>   
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.

还是别少了后台代码。

/*  
 <?xml version="1.0" encoding="utf-8" ?>  
<wp:Notification xmlns:wp="WPNotification">  
  <wp:Tile ID="导航URI">  
    <wp:BackgroundImage>正面背景图片</wp:BackgroundImage>  
    <wp:Count>计数器</wp:Count>  
    <wp:Title>正面标题</wp:Title>  
    <wp:BackBackgroundImage>背面背景图片</wp:BackBackgroundImage>  
    <wp:BackTitle>背面标题</wp:BackTitle>  
    <wp:BackContent>背面内容</wp:BackContent>  
  </wp:Tile>  
</wp:Notification>  
 * 清除磁贴的属性值  
 <?xml version="1.0" encoding="utf-8" ?>  
<wp:Notification xmlns:wp="WPNotification">  
  <wp:Tile ID="导航URI">  
    <wp:BackgroundImage></wp:BackgroundImage>  
    <wp:Count Action="Clear"></wp:Count>  
    <wp:Title Action="Clear"></wp:Title>  
    <wp:BackBackgroundImage Action="Clear"></wp:BackBackgroundImage>  
    <wp:BackTitle Action="Clear"></wp:BackTitle>  
    <wp:BackContent Action="Clear"></wp:BackContent>  
  </wp:Tile>  
</wp:Notification>  
 * HTTP标头  
 X-WindowsPhone-Target: token  
X-NotificationClass:1  
1 立即发送  
11 450秒发送  
21  900秒发送  
 */   
using System;   
using System.Collections.Generic;   
using System.Linq;   
using System.Web;   
using System.Web.UI;   
using System.Web.UI.WebControls;   
using System.Net;   
using System.Net.Mime;   
using System.IO;   
using System.Text;   
public partial class _Default : System.Web.UI.Page   
{   
    protected void Page_Load(object sender, EventArgs e)   
    {   
    }   
    protected void btnSend_Click(object sender, EventArgs e)   
    {   
        HttpWebRequest request = (HttpWebRequest)WebRequest.Create(txtURI.Text);   
        request.Method = WebRequestMethods.Http.Post;   
        // 加上HTTP标头   
        request.Headers.Add("X-WindowsPhone-Target""token");   
        request.Headers.Add("X-NotificationClass""1");   
        // 拼接内容,XML文档   
        string Msg = "<?xml version=\"1.0\" encoding=\"utf-8\" ?>" +   
                     "<wp:Notification xmlns:wp=\"WPNotification\">" +   
                        "<wp:Tile>" +   
                            "<wp:BackgroundImage>" + txtBackImg.Text + "</wp:BackgroundImage>" +   
                            "<wp:Count>" + txtCount.Text + "</wp:Count>" +   
                            "<wp:Title>" + txtTitle.Text + "</wp:Title>" +   
                            "<wp:BackBackgroundImage>" + txtBackBackImg.Text + "</wp:BackBackgroundImage>" +   
                            "<wp:BackTitle>" + txtBackTitle.Text + "</wp:BackTitle>" +   
                            "<wp:BackContent>" + txtBackContent.Text + "</wp:BackContent>" +   
                        "</wp:Tile>" +   
                      "</wp:Notification>";   
        byte[] buffer = Encoding.UTF8.GetBytes(Msg);   
        request.ContentType = MediaTypeNames.Text.Xml;   
        // POST数据要记得设置内容长度   
        request.ContentLength = buffer.Length;   
        // 写入流   
        using (Stream stream = request.GetRequestStream())   
        {   
            stream.Write(buffer, 0, buffer.Length);   
        }   
        // 接收回应   
        HttpWebResponse response = (HttpWebResponse)request.GetResponse();   
        // 读出响应的HTTP头   
        string headers = "";   
        foreach (string key in response.Headers.AllKeys)   
        {   
            headers += key + " : " + response.Headers.Get(key) + "\r\n";   
        }   
        txtRes.Text = headers;   
    }   
}   
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85.

补充一下,上面代码中,前面的注释我已经写上了,其实MSDN上都有,我想很多人不看,我说一下,如果你打算清除磁贴某些属性的值,如标题等,这可以用以下的XML文档。

<?xml version="1.0" encoding="utf-8" ?>   
<wp:Notification xmlns:wp="WPNotification">   
  <wp:Tile ID="导航URI">   
    <wp:BackgroundImage></wp:BackgroundImage>   
    <wp:Count Action="Clear"></wp:Count>   
    <wp:Title Action="Clear"></wp:Title>   
    <wp:BackBackgroundImage Action="Clear"></wp:BackBackgroundImage>   
    <wp:BackTitle Action="Clear"></wp:BackTitle>   
    <wp:BackContent Action="Clear"></wp:BackContent>   
  </wp:Tile>   
</wp:Notification>  
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.

重点就是,Action="Clear",但要注意,磁贴正面的背景图不能清除。

好,再来新建一个WP应用,这回要做客户端。

直接新建即可,XAML文档不用改,因为我们不需要界面设计了,直打开后台代码吧。

using System;   
using System.Collections.Generic;   
using System.Linq;   
using System.Net;   
using System.Windows;   
using System.Windows.Controls;   
using System.Windows.Documents;   
using System.Windows.Input;   
using System.Windows.Media;   
using System.Windows.Media.Animation;   
using System.Windows.Shapes;   
using Microsoft.Phone.Controls;   
using Microsoft.Phone.Notification;   
namespace WPClient   
{   
    public partial class MainPage : PhoneApplicationPage   
    {   
        // 构造函数   
        public MainPage()   
        {   
            InitializeComponent();   
            HttpNotificationChannel Channel = null;   
            // 通道名,随便弄一个,不要与其它应用程序重复   
            string Channel_Name = "TileNoftification";   
            // 在现有的通道里面找找,看能不能找着?   
            Channel = HttpNotificationChannel.Find(Channel_Name);   
            if (Channel == null)   
            {   
                // 找不到,那就新建一个呗   
                Channel = new HttpNotificationChannel(Channel_Name);   
                // 打开通道前要先注册事件处理,为什么?自己想一下吧   
                // 就是因为ChannelUriUpdated事件,如不这样,   
                // 当***次获取URI时你就得不到更新通知   
                Channel.ChannelUriUpdated += new EventHandler<NotificationChannelUriEventArgs>(Channel_ChannelUriUpdated);   
                // 出事了,总得向上级汇报一下吧?   
                Channel.ErrorOccurred += new EventHandler<NotificationChannelErrorEventArgs>(Channel_ErrorOccurred);   
                // 登记注册完毕,着手办喜事   
                Channel.Open();   
                // 办喜事别忘记了发请帖啊,调用BindToShellTile   
                Channel.BindToShellTile();   
            }   
            else   
            {   
                // 如果找到了通道,还是要注册一下事件   
                // 老夫妻也可以再拍一回婚纱照吧?   
                Channel.ChannelUriUpdated+=new EventHandler<NotificationChannelUriEventArgs>(Channel_ChannelUriUpdated);   
                Channel.ErrorOccurred+=new EventHandler<NotificationChannelErrorEventArgs>(Channel_ErrorOccurred);   
                // 把住址告诉人家,相册做好之后,数码冲印店送货上门   
                System.Diagnostics.Debug.WriteLine("URI: {0}", Channel.ChannelUri.ToString());   
            }   
        }   
        void Channel_ErrorOccurred(object sender, NotificationChannelErrorEventArgs e)   
        {   
            // 向上级汇报一下错误   
            Dispatcher.BeginInvoke(() =>   
                {   
                    MessageBox.Show(e.Message);   
                });   
        }   
        void Channel_ChannelUriUpdated(object sender, NotificationChannelUriEventArgs e)   
        {   
            // 搬家了记得通知一下大家新住址   
            Dispatcher.BeginInvoke(() =>   
                {   
                    System.Diagnostics.Debug.WriteLine("URI: {0}", e.ChannelUri.ToString());   
                });   
        }   
    }   
}   
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.

先动行WP端,当然,同时运行两个都可以了。

在“输出”窗口中,把这个URI复制到服务器端的网页上。

接着,按模拟器的“开始”按钮,来到“开始”屏幕,向右滑动,看到应用程序列表,在本应用程序上长按,从弹出的菜单中选“固定到开始屏幕”.

然后,回到服务器端页面,填好所有参数,点击“发送”。看结果。

都看到效果了?

图片可以自己准备,png格式,173*173,随便用画图工具搞两下就行了,只是为了测试,把图片加到项目后,设置以下属性就行了。

OK,大家照着上面的多练几次,一定有感觉的,我不想讲理论的东西,因为没什么用。

责任编辑:闫佳明 来源: oschina
相关推荐

2013-04-25 15:15:41

Windows PhoWindows PhoWindows Pho

2013-04-25 14:05:20

Windows PhoWindows PhoWindows Pho

2012-08-16 11:31:30

Windows Pho

2013-02-19 09:04:32

Windows 8开发

2021-06-11 07:30:30

并发高并发内存

2013-04-17 11:21:59

Windows PhoWindows Pho

2020-03-27 18:00:37

微软Windows 10操作系统

2022-05-13 14:16:05

云计算

2018-03-26 21:31:30

深度学习

2022-03-18 12:27:21

Android开发者功能

2011-08-03 16:45:09

iPhone APNS 推送通知

2021-06-16 09:49:14

Windows 11微软动态磁贴

2011-04-06 09:33:40

Push动互联网

2013-07-31 13:13:50

Windows PhoMVVM模式

2011-09-21 17:07:57

WP7

2010-08-01 15:16:41

Android

2013-04-24 13:19:06

Windows Pho动画DoubleAni

2013-04-24 13:31:59

Windows Pho动画之ColorAni

2013-04-19 17:11:02

Windows PhoWindows Pho

2013-04-24 13:43:10

Windows Pho动画PointAnim
点赞
收藏

51CTO技术栈公众号