首先声明, 我就是照着视频敲得, 敲完发现课程没有提供源码资料, 因而我把代码整理下上传到 git, 仅供你们参考.
- 课程地址: https://edu.51cto.com/course/25054.html 目前是免费, 之后也仍是不会变吧!
- 代码地址: https://github.com/gudqs7/My-HarmonyOS-First-Demo (手动求Star) (不给也无所谓啦)
无图言软, 上图
一共三个页面, 至关简单对不对?html
简单说下这个视频干了什么:
- 教你搭建环境(页面播放很快, 嗯, 反正确定和我2.0倍速不要紧) (楼主已经搭建过了, 就听了会歌)
- 由Hello world 到完整Demo(含三个页面, 约200行JS代码[最终]), 他是一步一步演变过去的, 不用担忧跟不上, 毕竟你能够选择0.5倍速 (手动滑稽)
- 最赞的是最开始先给你演示最终版的效果, 而且每一个视频前面也会演示这小节要达成的样子 (这里我顺便说下, 个人代码没有记录每一节到不一样分支, 但我反应过来要存代码时候, 已经快开发完了, 大佬们见谅, 下次必定改)
而后说下感觉, 目前开放了三个设备的模板开发(TV, Wearable, Lite Wearable), 而 Lite Wearable 是体验最好的, 由于:
- 支持预览器(View-->Tool Windows-->Previewer)
- 支持模拟器(Run --> Select Deployment Target --> Available Huawei Lite Devices > Huawei Lite Wearable Simluator)
- 彻底的JS+CSS+HML编写代码, 无任何Java代码 (TV 和 Wearable 的模板我试过, 即便选择JS FA 仍是会有几个Java代码, 固然这说不定也是缺点, 目前JS API 不是很全面, 而)
顺便说下我了解的 JS API 这块, 搞前端的同窗应该比较在乎:
- 文档入口: https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-framework-file-0000000000611396
- 调用Java PA方式: https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-apis-fa-calls-aa-overview-0000000000617989
- Lite Wearable 的文档(官方竟然开小灶): https://developer.harmonyos.com/cn/docs/documentation/doc-references/lite-wearable-overview-0000001054283774 (我在接口下面没有找到 调用Java PA 的方式, 且在js中书写api却有错误提示, 而一样代码在Wearable则是ok的)
- 另外发现彷佛Lite Wearable 的 ES6 支持的并不全面 (见文档 https://developer.harmonyos.com/cn/docs/documentation/doc-references/lite-syntax-js-0000001053965214)
- JS API 接口下没有找到 视频/相机/电话 这一类api, 但Java那边是有的 https://developer.harmonyos.com/cn/docs/documentation/doc-guides/media-camera-guidelines-0000000000031782 (不知道是目前手机SDK没有上线因此暂时没有, 仍是JS就是不支持, 我的认为前者大一些)