文章來源于公眾號:前端之露 作者:露癡
9月10日,華為開發(fā)者大會如期而至。大會分享了 HMS Core 5.0的 最新進展。
前置知識
什么是鴻蒙
鴻蒙系統(tǒng)(鴻蒙OS,HarmonyOS)是第一款基于微內核的全場景分布式 OS,由華為公司自主研發(fā)并開源(開源的不是HMS框架是系統(tǒng))。官網:https://developer.harmonyos.com/ 。
可見的未來?
整個大會一直在強調的是 HM OS 2.0 的分布式解決方案,打通了 PC、手表和車機等產品終端,第一個版本支持128K-128M設備上運行。這是統(tǒng)治世界(物聯網)的節(jié)奏。
![版本支持128K-128M設備上運行](https://atts.w3cschool.cn/attachments/image/20200911/1599803613436772.jpg "版本支持128K-128M設備上運行")
發(fā)布會上提到的強大的跨終端業(yè)務協(xié)同能力真的還是比較心動的。最重要的是這個是基于系統(tǒng)級別的!小編是不太敢預測個未來啊什么的。但是對于一個常年無法擺脫 apple 的人來說非常清楚是生態(tài)綁架了我。
做為一名前端開發(fā)者,最關心的莫過于我們能不能也體驗一把國之榮光!下圖可以看到方舟編譯器括號里面寫著大大的兩個字 JS,不禁有些飄飄然~
![平臺工具鏈與生態(tài)](https://atts.w3cschool.cn/attachments/image/20200911/1599803693960259.jpg "平臺工具鏈與生態(tài)")
![方舟編譯器](https://atts.w3cschool.cn/attachments/image/20200911/1599803722311530.jpg "方舟編譯器")
JS 應用開發(fā)框架
那就來一起看看底層原理(官方文檔)。
作為 JS 應用開發(fā)框架的輕量實現,鴻蒙提供一套跨平臺的類 web 應用開發(fā)框架,通過 Toolkit
將開發(fā)者編寫的 HTML、CSS 和 JS 文件編譯打包成 JS Bundle
,然后再將 JS Bundle
解析運行成 C++ UIKit
的 View
組件進行渲染。
通過支持三方開發(fā)者使用聲明式的 API 進行應用開發(fā),以數據驅動視圖變化,避免了大量的視圖操作,大大降低了應用開發(fā)難度,提升開發(fā)者開發(fā)體驗。
![JS 應用開發(fā)框架](https://atts.w3cschool.cn/attachments/image/20200911/1599803794839279.png "JS 應用開發(fā)框架")
JS 應用框架實現主要包含兩部分,native
和 JavaScript 。
native
部分為 C++,為框架的主體實現。
JavaScript 部分實現提供 JS 應用框架對用戶 JS 文件的運行時支持,并通過向引擎暴露一些全局方法或對象,支撐 JS 運行時與 native 框架之間的交互。
想要用 JS 來開發(fā)一個APP 就要去研究一下下面的兩個庫啦!
![兩個庫](https://atts.w3cschool.cn/attachments/image/20200911/1599803878340692.jpg "兩個庫")
組件化開發(fā)方式
鴻蒙貼心的提供了命令行工具
$ npm install -g @ohos/hpm-cli # 安裝命令行工具
$ hpm init -t default # 進入開發(fā)目錄,采用默認模板創(chuàng)建一個開發(fā)項目。
$ hpm install @ohos/demo # 安裝組件
官方組件包:hpm.harmonyos.com/#/cn/home
![官方組件包](https://atts.w3cschool.cn/attachments/image/20200911/1599803929582156.jpg "官方組件包")
IDE
DevEco
提供了一站式開發(fā)/編譯/調試/燒錄,集成了分布式能力,以及可靈活組裝的豐富的組件,并且內置安全檢查能力。
![一站式開發(fā)](https://atts.w3cschool.cn/attachments/image/20200911/1599803973852664.jpg "一站式開發(fā)")
目前只支持 windows 系統(tǒng)(用Mac的表示很無奈),下載地址:device.harmonyos.com/cn/ide
![HUAWEI DecEco Device Tool](https://atts.w3cschool.cn/attachments/image/20200911/1599804210366452.jpg "HUAWEI DecEco Device Tool")
![HUAWEI DevEco 2.0](https://atts.w3cschool.cn/attachments/image/20200911/1599804254940792.jpg "HUAWEI DevEco 2.0")
以上就是W3Cschool編程獅
關于鴻蒙2.0!前端開啟新大陸?的相關介紹了,希望對大家有所幫助。