首先聲明, 我就是照着視頻敲得, 敲完發現課程沒有提供源碼資料, 因而我把代碼整理下上傳到 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就是不支持, 我的認爲前者大一些)