首页 > 代码库 > windows phone开发-windows azure mobile service使用入门

windows phone开发-windows azure mobile service使用入门

在使用azure之前,我一直只能做本地app,或者使用第三方提供的api,尽管大多数情况下够用,但是仍不能随心所欲操纵数据,这种感觉不是特别好。于是在azure发布后,我就尝试使用azure来做为个人数据中心,可选的方式有很多,但今天我给大家介绍的是azure mobile service。

1.创建Mobile Service

   Azure中创建Mobile Service很简单,与创建其他项目类似,流程如下:

i.

ii.

iii.

ii

 

这里我使用的是Windows Azure国际版,经过简单的流程就能创建一个Mobile Service,需要注意,当前服务还是空的,需要我们部署相应的Web API Service。

2.部署Web API服务

   创建后的空Mobile Service仪表板如下:

 

    我们在选择平台那一块栏目,选择Windows Phone,这时可以看到入门指南,大家可以任意挑选一种,这里我们挑选“连接至现有Windows Phone应用程序”。

接下来需要创建并发布一个ASP.NET Web API项目至我们的Mobile Service,这里大家有两种选择:

    1.从Visual Studio中全新创建,选择Web API或者Azure Mobile Service模板均可

 

2.或者从Azure仪表板中下载一个标准Azure Mobile Service项目工程,解压至本地编辑

 

以上两种方法最终都会得到一样的结果,一个ASP.NET Web API项目,如下:

 

如果大家对ASP.NET Web API项目熟悉的话,可以直接在Controller文件夹下找到核心控制器代码,在其中进行一系列的修改,生成自己的方法,如下:

在控制器类中可以看到相关API,大家可以自行尝试效果,默认返回的是Json格式数据。

GET /tables/todoitem

  

结果:

[{"id":"1","complete":false,"text":"First item"},{"id":"2","complete":false,"text":"Second item"}]

  

下面我们简单运行生成项目后,将其发布至Azure Mobile Service,如下:

发布完成后,我们来看运行效果,如下:

 

3.在Windows Phone项目中使用Mobile Service

打开我们的windows phone项目,使用NuGet安装WindowsAzure.MobileServices SDK。这里要特别注意:Windows Azure Mobile Service SDK支持WinRT& Silverlight框架,所以基于WinRT的WP8.1项目完全可以使用。

新建数据类TodoItem,结构应与Web API项目中定义的一致,如下:

public class TodoItem {    public string Id { get; set; }    public string Text { get; set; }    public bool Complete { get; set; }}

  在App.xaml.cs中创建MobileServiceClient实例,初始化参数分别为applicationUri和applicationKey,参数你们替换为自己的即可如下

public static MobileServiceClient mobileService = new MobileServiceClient("https://azuretestmobileservice.azure-mobile.net/",“{applicationKey}”);

  下面我们就可以对云端数据进行获取,上传,增删改等操作,并将结果呈现到客户端UI中,我们可以简单操作一下,如下:

MainPage.xaml

<StackPanel>            <ListView x:Name="TestDataList">                <ListView.ItemTemplate>                    <DataTemplate>                        <StackPanel Orientation="Horizontal">                            <CheckBox IsChecked="{Binding Complete}"/>                            <TextBlock TextWrapping="Wrap" FontSize="30" Text="{Binding Text}"/>                        </StackPanel>                    </DataTemplate>                </ListView.ItemTemplate>            </ListView>            <Button x:Name="insertButton" Click="insertButton_Click">插入记录</Button>            <TextBox x:Name="inputTextBox" ></TextBox>        </StackPanel>

 

  MainPage.xaml.cs

 protected async override void OnNavigatedTo(NavigationEventArgs e)        {            await loadAzureData();        }        private async void insertButton_Click(object sender, RoutedEventArgs e)        {            if (inputTextBox.Text.Trim() != null && inputTextBox.Text.Trim() != "")            {                TodoItem newItem = new TodoItem { Complete = false, Text = inputTextBox.Text.Trim() };                await App.mobileService.GetTable<TodoItem>().InsertAsync(newItem);            }            await loadAzureData();        }        private  async Task loadAzureData()        {            if (todoItems == null)                todoItems = new List<TodoItem>();            todoItems = await App.mobileService.GetTable<TodoItem>().ToListAsync();            TestDataList.ItemsSource = todoItems;        }

最后效果,至此我们就顺利部署了一个Azure Mobile Service实例,并集成到windows phone 8&8.1项目中