Win10 IoT C#开发 2 - 创建基于XAML的UI程序及应用的三种部署方法-白红宇

Win10 IoT C#开发 2 - 创建基于XAML的UI程序及应用的三种部署方法

阅读量：5059 次

发布时间：2019-06-12

本文共 3375 字，大约阅读时间需要 11 分钟。

Windows 10 IoT Core 是微软针对物联网市场的一个重要产品，与以往的Windows版本不同，是为物联网设备专门设计的，硬件也不仅仅限于x86架构，同时可以在ARM架构上运行。

上一章我们讲了Raspberry安装Win10 IoT系统及搭建Visual Studio 2015开发环境的方法() , 这次我们来看如何将开发好Win10 IoT程序部署到Raspberry的环境上。

分别使用Remote Machine、Windows IoT Core Web Management、Power Shell命令三种方式部署。

准备工作:

Raspberry Pi 2

刷好Win 10 IoT Core系统的 Raspberry Pi 2

部署Visual Studio 2015开发环境的PC

支持HDMI的显示器

目标：通过显示应用程序的界面来证明部署成功。

首先创建一个Universal Windows应用程序，打开 VS 2015 点击 New Project 在Visual C# -> Windows -> Universal 中找到 Blank App (Universal Windows) 项目模板，选中模板输入项目名称后点击OK按钮创建项目。

修改主界面的MainPage.xaml文件，在中间位置加入TextBlock标签用于显示启动时间。(XAML是eXtensible Application Markup Language的英文缩写，在WPF技术中用以定义界面样式，并可以实现MVVM结构，Windows Universal Project 中的XAML相当于WPF中的一个子集提供了一部分功能，XAML的内容比较多我们会在后面的章节中详细说明)

这里为了简便把MainPage.cs作为ViewModel，来实现INotifyPropertyChanged接口完成一个简易的MVVM框架。

完整代码:

namespace CloudTechIot1dot5{    //http://www.cnblogs.com/cloudtech    //cloudtechesx@gmail.com    public sealed partial class MainPage : Page, INotifyPropertyChanged    {        public event PropertyChangedEventHandler PropertyChanged;        private string _currentTime;        public string CurrentTime        {            get            {                return _currentTime;            }            set            {                _currentTime = value;                OnProperityChanged("CurrentTime");            }        }        public MainPage()        {            this.InitializeComponent();            this.DataContext = this;            CurrentTime = DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss");        }        public void OnProperityChanged(string propertyName)        {            PropertyChanged?.Invoke(propertyName, new PropertyChangedEventArgs(propertyName));        }    }}

为Raspberry连接电源及网线，连接HDMI显示器。

接通电源待系统启动完成后显示器上会显示当前IoT设备的IP地址。

下面我们来部署IoT程序

第一种方法 : Remote Machine 部署

在 Visual Studio 2015 的工具栏中选择 Remote Machine 进行调试，IP地址输入设备对应地址。点击运行后会自动部署到设备上。

程序启动完成显示器显示预期界面。

第二种方法：Windows IoT Core Web Management 部署

首先要将程序打包，Visual Studio 2015 的解决方案浏览器中右击要打包的项目，在Store菜单项中选择Create App Packages。

在询问是否上传至Windows Store时选择No(我们现在还用不到这个功能)，Generate app bundle一项选择Never。

点击Next按钮后开始编译文件。编译完成后显示输出路径。

打开浏览器输入IoT设备的IP地址和端口号8080进入 Windows IoT Core Web Management 登录界面 (后面我们会有文章专门介绍 Windows IoT Core Web Management)，输入初始用户名 Administrator 和密码 p@ssw0rd 进入主界面。