端云一体化 SHOW出您的元服务 HarmonyOS 鸿蒙Next 无聊数学

端云一体化 SHOW出您的元服务 HarmonyOS 鸿蒙Next 无聊数学 1.为什么会有无聊数学

不管什么原因，人们的时间是越来越碎片化了，更甚至，时间的碎片化已经成了一部分人的生活常态。零星的时间碎片往往让人觉得无聊，除了无脑地刷短视频，能不能做些灵动点的事情呢？比如说，思考，甚至是深度点的思索！毕竟，人的脑子是越用越灵光，越不用越生锈。哲学家、思想家培根曾经说过“数学是思维的体操”。在碎片化的时间里，整两道数学题，动动脑子，应该是不辜负时光的一个好法子。那就开发一款手机应用，满足这个初衷。在无聊的时间里，玩玩数学，那这个应用就叫无聊数学了。

再升华一下，《无聊数学》的价值主张和初衷就非常的朴素了：

用数学打发无聊时间，越打发，越灵光

2.无聊数学是一个怎样的应用

有了美好的愿景，还要进一步策划。为了实现初衷，这个应用要有以下几个特征才行：

• 信手拈来，随时随用，无需安装：这么轻量的应用，如果还要安装，对用户来说，真是多余的麻烦；
• 入口便捷，时刻显示简便和关键的信息：帮助用户克服大脑的懒惰，在打开短视频之前，先打开无聊数学；
• UI操作简单，耐看养眼：毕竟数学题需要思考，用户可以边看边想；
• 快速开发，快速上线，快速迭代；
• 数学题目侧重于逻辑推理，不堆砌数学知识；

鉴于以上几个特点，无聊数学非常适合开发成鸿蒙系统的元服务，技术架构上，很适合使用华为的云端一体化技术进行构建，具体原有，可以参考表1的描述。

表1

3.开始动手

DevEco Studio是基于IntelliJ IDEA Community开源版本打造，面向华为终端全场景多设备的一站式集成开发环境（IDE），为开发者提供工程模板创建、开发、编译、调试、发布等E2E的HarmonyOS应用/服务开发。《无聊数学》元服务使用DevEco Studio 3.1 Release进行开发。

无聊数学元服务的前端使用ArkTS开发，后端采用Serverless服务，所以，在DevEco Studio中新建工程，选择“Empty Ability with CloudDev”模版，这个模版创建的工程，包括了元服务前端的开发和Serverless后端开发两部分。新建工程的具体选择路径“Create Project–>Atomic Service–>Empty Ability with CloudDev”。具体的操作，可以参考以下的截图。

（1）选择“Empty Ability with CloudDev”模版：

（2）填写工程的属性，其中，Bundle name需要和AppGallery Connect中创建的元服务应用的包名一致。

（3）新建工程和AppGallery Connect中创建的元服务应用关联，这是由IDE自动完成的。

工程创建之后，可以看到，主要由两部分组成，一部分是Application，是开发元服务前段的，一部分是CloudProgram，是开发serverless服务的。在后续的章节，会陆续进行介绍和设计开发。

4.用户端的设计和开发

应用的主题颜色

考虑到界面的养眼耐看，采用了深蓝色作为主颜色，为了避免过于单一枯燥，采用比较活泼的蓝绿作为辅助色，为了避免刺眼，文字标题采用了有一定灰度的颜色。如下图所示。

服务卡片的设计与开发

先看效果图，元服务卡片的设计需要符合华为官方的要求，在这前提之下，颜色采用本应用的主题颜色，视觉上，保持一致。

卡片采用堆叠布局，如图所示。

具体的布局代码如下：

主功能页面

元服务最大的一个特点，就是，卡片式的服务，卡片上可以呈现关键信息，用户点击卡片之后，应该立即呈现服务的内容。用户在点击无聊数学的卡片之后，直接打开主功能页面。数学的答案主要是数字，再者，计算器是日常用品，在用户心智中是非常熟悉的事物，一看就会，所以，主功能页面就依照计算器进行设计开发，这个页面采用SideBarContainer容器进行布局。

SideBarContainer是可以显示和隐藏的侧边栏容器，通过子组件定义侧边栏和内容区，第一个子组件表示侧边栏，第二个子组件表示内容区。

SideBarContainer布局的具体代码如下：

Grid网格容器，由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局，包含子组件GridItem。

云端的设计和开发

元服务和AppGallery Connect的服务天然集成，所以，元服务应用的后端采用serverless进行构建，应该是最好的选择了。serverless提供的服务很丰富，包括了基本的云函数、云数据库、云存储和App网关等服务。同时，无聊数学的账号系统基于serverless的认证服务进行开发。Serverless的认证服务提供的账号认证方式也是非常的丰富，常见的认证方式都包括了，例如：手机号码、邮箱地址、华为帐号、微信、QQ、apple等等。

无聊数学支持多端的应用，服务端采用了AppGallery Connect的serverless服务，前端处了元服务之外，还支持小程序、app和快应用，如图所示。

使用DevEco Studio开发云服务非常便捷，可以很方便地开发云函数和创建数据模型，以下举例说明。

无聊数学会依据用户解题的时间和正确率，计算用户每道题的得分，并将得分保存到云端，防止丢失。在这个小场景里面，元服务前端记录用户解题消耗的时间和正确率，并调用云函数处理相关的逻辑，最后，得分记录以数据模型QuestionScore进行记录，保存到云数据库中。

5.1 添加数据QuestionScore对象

5.2 开发云函数

（1）新建云函数

（2）配置云函数

（3）在云函数中初始化agcClient：

（4）进行数据库访问：

（5）发布云函数

成功发布之后，就可以在AppGallery Connect中看到云函数了。

6.总结

本文介绍了无聊数学的构思过程，介绍了采用华为云端一体化的技术方案的开发过程，包括元服务卡片和云端的开发过程。整个开发过程涉及到的细节比较多，篇幅有限，本文不可能一一介绍，希望本文对读者有所启发。

最后，《无聊数学》的元服务和微信小程序都已经上线，欢迎读者使用无聊数学，进行思维体操。

最最后，我们开发了一款鸿蒙原生App《Hi节拍器》，已经在华为应用市场上线，欢迎下载使用，同时写了一篇博文介绍《Hi节拍器》App的开发过程、技术细节、以及，app上架政策，点击这里查看。