使用华为鸿蒙HarmonyOS 2开发智能手表App是什么样的体验？

2021年6月2日，华为鸿蒙HarmonyOS 2正式发布！

从理论上，HarmonyOS可以在任何平台上运行（包括但不限于PC、手机、平板电脑、车载电脑、手表等设备）。那么我们今天就来使用鸿蒙开发一款智能手表APP

要玩HarmonyOS，首先要下载并搭建HarmonyOS的开发环境。

来到华为官网会看到如下图所示的“立即下载”按钮

点进去，就是下载页面。在下载之前，看一下系统要求，要求Windows10 64位、8G内存。对于程序员来说，这个配置应该没问题。下面点击右侧“下载”按钮开始下载吧。但要注意，下载DevEco Studio，需要有华为开发者账号，没有的同学赶紧注册一个吧

目前DevEco Studio 2.0仅支持Windows，所以如果用macOS或Linux的同学还需要等等了。下载完安装程序，里面就有一个exe文件，双击安装即可。这里省略了n步，在启动DevEco Studio的过程中，会下载一些组件，下载界面如下图所示。主要是java运行时和一些工具链，就乖乖等着下完吧！

等安装完后，启动DevEco Studio就可以了。操作方式与Android Studio类似，其实就是模仿Android Studio做的。这里不再详述。创建工程的窗口如下图所示。

现在点击Create HarmonyOS Project，会弹出如下图的窗口。

在这个窗口中，目前有3个设备可以选择，这3个设备的描述如下：

（1）TV：智慧屏，也就是安装了HarmonyOS 2.0的华为智能电视；

（2）Wearable：智能手表；

（3）Lite Wearable：运动手表；

TV不需要解释，其实以后的HarmonyOS手机运行的系统与TV是类似的。就像Android运行在电视和手机上，效果其实是类似的。那么智能手表与运动手表有什么不同呢？其实智能手表中运行的HarmonyOS属于富鸿蒙（L3以上的鸿蒙）。支持用Java和JS开发，Java的开发方式与Android类似，JS的开发方式与微信小程序类似。而运动手表中运行的是轻鸿蒙【LiteOS】（L0到L2），只支持JS开发方式，与微信小程序的开发方法类似，只是支持的组件和API没有智能手表多。

TV和Wearable可以根据下面的模板创建支持JS开发和Java开发的工程。

本文主要介绍如何用Java和JS开发TV和智能手表的App，本节首先介绍如何用Java开发TV App。首先在创建鸿蒙工程的窗口选择TV设备和Empty Feature Ability（Java）模板，如下图所示。

然后点击Next按钮，进入下一个页面。输入工程名（Project Name），然后工程位置（Save location）会自动变化，如下图所示。Package Name与Android的包类似，会作为鸿蒙App的唯一标识。Compatible SDK不需要懂，因为目前只有一个API版本。

最后点击Finish按钮创建工程。基于Java的HarmonyOS工程的目录结构如下图所示：

这个目录结构总体来上与Android Studio的Android工程类似，同样使用gradle来管理包。这里面有很多目录，但对我们最有用的是entry。该目录中包含了我们编写的Java代码。目录会生成一个Slice和一个Ability，还有一个入口文件MyFirstJavaTV。那么到底什么是Slice、什么是Ability，我后续会写文章详细描述。现在只要知道Ability相当于Android中的Activity，Slice相当于Android的Fragment即可。我们都知道，Activity需要布局才能显示具体的组件，而Ability显示组件则需要Slice。

不过目前鸿蒙模拟器只支持ARM处理器的设备。所以华为在服务端架设了一些ARM服务器，用来运行鸿蒙App。然后将运行后的UI传给客户端。其实目前IDE中的模拟器其实是一个鸿蒙预览器。下面就说一下如何利用鸿蒙预览器运行鸿蒙App。

首先要启动鸿蒙预览器。也可以称为鸿蒙虚拟设备（HVD）。点击Tools -> HVD Manager菜单项，会显示如下图所示的HVD Manager窗口。不过在打开HVD Manager窗口之前，还会弹出一个如下图的页面，要求登录华为开发者网站。通常第一次登录成功后，后续就不需要再登录了。如果有华为手机，也可以通过扫码登录。

登录成功后，会弹出下面的窗口，要求授权，点击“允许”按钮即可。

成功授权后，就会在HVD Manager窗口中显示虚拟设备，如下图所示。

目前有两个设备：TV和Wearable。其中TV是华为智慧屏、Wearable是智能手表。先启动TV（双击即可）。

启动虚拟设备后，在IDE右侧会显示如下图的虚拟设备界面，右侧的按钮用来控制虚拟设备。

现在就可以在虚拟设备上运行鸿蒙App了。

点击右上角entry右侧的箭头按钮，如下图所示。

会弹出如下图的设备选择窗口，目前只有一个虚拟设备，选择该设备，点击OK按钮。

选择虚拟设备后，App就会在虚拟设备中运行，效果如下图所示：

要注意的是，虚拟设备只有1小时的使用时间，如果超过1小时，需要再次申请，然后就会重新计时，而且一个账号同时只能申请一个虚拟设备。

这是我们运行的第一个鸿蒙App：Hello World。如果要修改Hello World，需要打开MainAbilitySlice.java文件，然后将Hello World改成“世界你好”即可，该文件的完整代码如下：

运行效果如下图所示：

在上一节介绍了如何用Java开发鸿蒙TV App，本节会介绍如何用JS开发智能手表App，首先按下图创建智能手表的工程（工程名是MyFirstWatch）。

watch工程目录的结构与TV工程的结构类似，只是源代码除了java部分，还有js部分，而且多了个node_modules目录，用过Node的同学都应该很清楚，这个目录是保存Node中模块的。js目录包含了所有相关的JS、HTML和CSS代码。watch工程目录结构如下图所示。

现在着重看一下js目录，结构如下：

在js/default目录下，有3个子目录：common、i18n和pages。其中common是一些资源，如图像等。i18n用于国际化，默认有两个文件：en-US.json和zh-CN.json，分别表示英文和中文字符串。pages目录包含了一些代码文件。index是默认生成的首页目录。其中包含3个文件：index.css、index.hml和index.js。其中index.hml是定制的HTML文件（减少了部分标签，也增加了一些标签，但总体风格与HTML非常接近）。现在分别看一下这3个文件的代码：

从这3个文件的代码可以看出，与微信小程序的开发方式非常接近。而且大多数技术都是Web栈的，因此，只要会Web、微信小程序的程序员，很容易上手。

现在按前面的方式申请智能手表虚拟设备，效果如下图所示。

现在运行程序，会得到下面的结果：

鸿蒙开发是需要一定的基础的，我是09年开始进入Android这行的，在这期间经历了Android的鼎盛时期，和所谓的Android”凉了“。中间当然也有着，不可说的心酸，看着身边朋友，同事一个个转前端，换行业，其实当时我的心也有过犹豫，但是我还是坚持下来了，这次的疫情就是一个好的机会，大浪淘沙，优胜劣汰。再等等，说不定下一个黄金浪潮就被你等到了。

这是我在这行工作十几年积累的一些资料，如果还想继续在这行业走下去的，或者现在打算跳槽，我愿意把资料免费分享给大家。