如何团队开发鸿蒙OpenHarmony全过程，获官方7000奖金及开发板？

背景 随着 OpenHarmony 组件开发大赛结果公布，我们的团队成员被告知获得了二等奖，在开心之余也想将我们这段时间宝贵的开发经验写下来与大家分享，当我们看到参赛通知的时候已经是 9 月中旬的时候，此时已经是作品可以提交的时间了，参考了一些其他作品发现，基于 Canvas 开发的组件目前还没有，那我们就开始计划写一个基于 Canvas 和通用组件一起开发的组件，在这之前由于并没有开发过 OpenHarmony 应用，我们团队成员都没有相关的经验，大家从零开始在摸索，我们首先分工合作，有的成员负责去下载 IDE 和调试设备，有的成员负责研究和阅读官方文档。先附上源代码： https://github.com/Wscats/openharmony-sheet 配置 在阅读完官方文档之后，我们成员分别在自己本地电脑和设备上做了以下的环境配置： 下载并安装好 DevEco Studio 2.1 Release 及以上版本 获取 OpenHarmony SDK 包并解压 配置 OpenHarmony SDK 在 DevEco 主界面，点击工具栏中的 File > Settings > Appearance & Behavior > System Settings > HarmonyOS SDK 界面，点击 HarmonyOS SDK Location 加载 SDK： 然后一直点击 Next 和 Finish 完成环境配置。 安装额外包，进入 OpenHarmony-SDK-2.0-Canary/js/2.2.0.0/build-tools/ace-loader 目录，然后在该目录下运行命令行工具，分别执行如下命令，直至安装完成 npm cache clean -f npm install 下载 OpenHarmonyJSDemos 项目工程，将工程导入 DevEco Studio 申请并配置证书，注意 OpenHarmony 与 HarmonyOS 的证书不通用，所以需要额外进行申请 进行编译构建，生成一个 HAP 应用安装包，生成 HAP 应用安装包，安装到 OpenHarmony 开发板 安装运行后，在开发板屏幕上点击应用图标即可打开应用，即可在设备上查看应用示例运行效果，以及进行相关调试 除了使用真机调试，我们还可以使用远程调试和本地的 Previewer 调试，虽然非常相当方便，但实际表现肯定和真机是有稍微差异的 前言 在实现 Canvas 应用之前，我们经过一些商量和讨论，首先是希望能借助这一次开发提升对 OpenHarmony 的理解，方便后续业务的支持，其次我们团队成员也是希望能拿到比较好的名次和奖励，我们注意到比赛的评分由评委打分，满分为 100 分，这里会根据作品的创意性、实用性、用户体验、代码规范等四个维度点评打分，Canvas 的应用首先实现成本会比普通应用难度稍微大点，并且不好调试，在创意性和实用性上我们优势不大，因为大部分前端开发者接触到的 Canvas 应用都是游戏相关的，所以这条路注定是会相对艰难的，用户体验也是一个很大的难点，我们真机测试发现 Canvas 的表现也不是很好，比原生一些组件的体验差很多，对于团队成员的代码质量是有信心的，但是代码规范的评分比重却是最少的，所以在立项的时候我们有比较大的分歧。 评选维度 说明 分值 创意性 作品的创新程度 30% 实用性 作品在应用场景中的实际应用程度 30% 用户体验 用户体验价值，用户能够轻松使用组件，并获得良好体验感 25% 代码规范 代码的质量，美观度，是否符合规范 15% 计划 正因为由上面总总的疑虑，我们先制定了三个计划和一个目标： 使用基础组件和容器组件等实现通用组件 - OpenHarmonyGallery 使用画布组件实现 Canvas 游戏 - OpenHarmonyFlappyBird 使用基础组件，容器组件和画布组件实现 Canvas 渲染引擎 - OpenHarmonySheet 渲染引擎是我们最终目标，虽然难度偏大，但我们团队成员决定分开三步来实现该目标，首先至少先学会使用基础组件和容器组件，然后再学会使用画布组件，最后综合这些经验实现一个渲染引擎。