使用Windows Azure Mobile Service开发Windows Phone 8 App【转http://www.cnblogs.com/dlbrant/archive/2013/04/...

- How to make a Windows Phone 8 app with Windows Azure Mobile Service

Windows Azure Mobile Service推出已经有一段时间了,这可能是这段时间以来Windows Azure上最受关注的一个Feature,试用了一下Mobile Service,觉得还不错,分享下试用的过程,供大家参考。

新建一个Mobile Service

1. 登陆到Windows Azure Portal,创建一个Mobile Service

clip_image002[4]

2. 创建一个Mobile Service:MyTodos,并为之新建一个数据库,注意数据库服务器的区域和Mobile Service的区域最好相同,这样可以减少网络延迟和流量费用 (当然也可以使用已有的数据库实例,Mobile Service会把新建的数据表都放到MyTodos这个Schema下,所以不用担心和原有的表重名)

clip_image004[4]

clip_image006[4]

3. 等待几分钟后,Mobile Service创建完成后,点击MyTodos进行配置:

a) 平台这里可以看到,Mobile Service支持Windows/ WP8/Android/iOS/Html5的应用,这里我们选择Windows Phone8,注意需要安装两个SDK – Windows Phone 8 SDK和Mobile Service SDK;

b) 单击“创建TodoItem表”在刚才的数据库中创建一个TodoItem表,当然也可以自己到数据库里创建。

clip_image008[4]

clip_image010[4]

4. 浏览到配置这个页面,注意启用“动态架构”,这样在开发阶段,我们给Mobile Service传什么样的entity,Mobile Service会自动为我们创建相应的字段,但等到发布阶段,出于安全的考虑,最好是把“动态架构”关闭。

clip_image012[4]

5. 回到MyTodos的首页,下载Azure自动生成的代码

clip_image014[4]

6. 打开刚下载的代码,这时候我们已经得到了一个完整的Windows Phone 8的应用,来看看Mobile Service都生成了什么代码

a) MobileServiceClient:这就是Mobile Service SDK里面用来访问Mobile Service的客户端

clip_image016[4]

b) TodoItem以及相应的Insert/Update/Refresh等方法:注意这些方法都是使用.Net 4.5的异步编程,这也是Mobile Service所推荐的编程模式。

clip_image017[4]

7. 运行测试一下这个小App,添加一些TodoItem,浏览之前建的数据库,可以看到,还没有写一行代码,就已经得到了一个完整的WP8 App。

clip_image019[4]

clip_image021[4]

clip_image023[4]

添加用户验证

接下来添加用户验证,Mobile Service支持MicrosoftAccount(也就是LiveID)/Google/Facebook/Twritter四种用户验证方式,本文只使用了MicrosoftAccount。

1. 要使用MicrosofAccount,首先要到Live Connect Developer Center(http://go.microsoft.com/fwlink/p/?linkid=262039&clcid=0x409 )注册一下我们的App,注意“手机客户端应用”选择“是”。

clip_image025[4]

clip_image027[4]

2. 将注册得到的客户端ID和客户端密钥填到Mobile Service上,并保存

clip_image029[4]

3. 现在设置一下数据权限,将TodoItem表设为只有验证过的用户才能读写,并保存

clip_image031[4]

clip_image033[4]

4. 再运行一下App,这次应该收到一个Unauthorized异常,因为当前的用户没有登录

clip_image034[4]

5. 接下来为App添加登录的代码

a) 在MainPage.xaml里为MainPage添加一个Login button

b) 注释掉OnNavigatedTo里面的代码

View Code

 

c) 修改App.xaml.cs里面的ApplicationKey

View Code

 

d) 将下面这段代码添加到MainPage class里

View Code

 

运行看看效果,现在又可以刷新和添加TodoItem了

clip_image036[6]clip_image038[4]clip_image040[4]

clip_image042[4]clip_image044[4]

6. 如果需要得到更多的用户信息,则需要下载并安装LiveSDK( http://msdn.microsoft.com/en-us/live/ff621310 ),并为MyTodos添加引用到Microsoft.Live

clip_image046[4]

a) 按下面的代码修改MainPage.Authenticate

View Code

 

运行效果如下,可以看到登录的页面与之前稍有差别,但这次能得到更多的用户信息

clip_image036[7]clip_image048[4]clip_image050[4]

clip_image052[4]

添加推送通知

1. 添加代码如下

a) 在App.xaml.cs中添加如下代码

View Code

 

b) 在Application_Launching中调用AcquirePushChannel

View Code

 

c) 给TodoItem class添加一个property

View Code

 

d) 修改MainPage.xaml.cs的ButtonSave_Click,代码如下。由于我们启用的动态架构,所以Save的时候Mobile Service会为新添加的Channel属性创建一个对应的数据库字段。

View Code

 

2. 给App开启推送

clip_image054[5]

3. 回到Azure的Portal,修改Mobile Service服务端script并保存,详细参数可以参考这里:

http://msdn.microsoft.com/en-us/library/windowsazure/jj871025.aspx

clip_image056[4]

代码如下:

View Code

 

4. 把MyTodos pin到主界面上,运行app,观察效果

clip_image058[4] clip_image060[4] clip_image062[4]

clip_image064[4] clip_image066[4]

 

总结

Azure Mobile Service极大地简化了server端的代码开发,尤其是对于比较小的应用来说,更是非常方便,使App开发者可以专注于前端代码。

 

附:

客户端源代码在这里

 

转载于:https://www.cnblogs.com/songtzu/archive/2013/04/03/2998419.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值