鴻蒙2.0！前端開(kāi)啟新大陸？

文章來(lái)源于公眾號(hào)：前端之露 作者：露癡

9月10日，華為開(kāi)發(fā)者大會(huì)如期而至。大會(huì)分享了 HMS Core 5.0的 最新進(jìn)展。

前置知識(shí)

什么是鴻蒙

鴻蒙系統(tǒng)（鴻蒙OS，HarmonyOS）是第一款基于微內(nèi)核的全場(chǎng)景分布式 OS，由華為公司自主研發(fā)并開(kāi)源(開(kāi)源的不是HMS框架是系統(tǒng))。官網(wǎng):https://developer.harmonyos.com/ 。

可見(jiàn)的未來(lái)？

整個(gè)大會(huì)一直在強(qiáng)調(diào)的是 HM OS 2.0 的分布式解決方案，打通了 PC、手表和車機(jī)等產(chǎn)品終端，第一個(gè)版本支持128K-128M設(shè)備上運(yùn)行。這是統(tǒng)治世界(物聯(lián)網(wǎng))的節(jié)奏。


發(fā)布會(huì)上提到的強(qiáng)大的跨終端業(yè)務(wù)協(xié)同能力真的還是比較心動(dòng)的。最重要的是這個(gè)是基于系統(tǒng)級(jí)別的！小編是不太敢預(yù)測(cè)個(gè)未來(lái)啊什么的。但是對(duì)于一個(gè)常年無(wú)法擺脫 apple 的人來(lái)說(shuō)非常清楚是生態(tài)綁架了我。

做為一名前端開(kāi)發(fā)者，最關(guān)心的莫過(guò)于我們能不能也體驗(yàn)一把國(guó)之榮光！下圖可以看到方舟編譯器括號(hào)里面寫著大大的兩個(gè)字 JS，不禁有些飄飄然～



JS 應(yīng)用開(kāi)發(fā)框架

那就來(lái)一起看看底層原理（官方文檔）。

作為 JS 應(yīng)用開(kāi)發(fā)框架的輕量實(shí)現(xiàn)，鴻蒙提供一套跨平臺(tái)的類 web 應(yīng)用開(kāi)發(fā)框架，通過(guò) Toolkit 將開(kāi)發(fā)者編寫的 HTML、CSS 和 JS 文件編譯打包成 JS Bundle ，然后再將 JS Bundle 解析運(yùn)行成 C++ UIKit 的 View 組件進(jìn)行渲染。

通過(guò)支持三方開(kāi)發(fā)者使用聲明式的 API 進(jìn)行應(yīng)用開(kāi)發(fā)，以數(shù)據(jù)驅(qū)動(dòng)視圖變化，避免了大量的視圖操作，大大降低了應(yīng)用開(kāi)發(fā)難度，提升開(kāi)發(fā)者開(kāi)發(fā)體驗(yàn)。


JS 應(yīng)用框架實(shí)現(xiàn)主要包含兩部分，native 和 JavaScript 。

native 部分為 C++，為框架的主體實(shí)現(xiàn)。

JavaScript 部分實(shí)現(xiàn)提供 JS 應(yīng)用框架對(duì)用戶 JS 文件的運(yùn)行時(shí)支持，并通過(guò)向引擎暴露一些全局方法或?qū)ο螅?JS 運(yùn)行時(shí)與 native 框架之間的交互。

想要用 JS 來(lái)開(kāi)發(fā)一個(gè)APP 就要去研究一下下面的兩個(gè)庫(kù)啦！


組件化開(kāi)發(fā)方式

鴻蒙貼心的提供了命令行工具

$ npm install -g @ohos/hpm-cli # 安裝命令行工具
$ hpm init -t default # 進(jìn)入開(kāi)發(fā)目錄，采用默認(rèn)模板創(chuàng)建一個(gè)開(kāi)發(fā)項(xiàng)目。
$ hpm install @ohos/demo # 安裝組件

官方組件包：hpm.harmonyos.com/#/cn/home


IDE

DevEco 提供了一站式開(kāi)發(fā)/編譯/調(diào)試/燒錄，集成了分布式能力，以及可靈活組裝的豐富的組件，并且內(nèi)置安全檢查能力。


目前只支持 windows 系統(tǒng)（用Mac的表示很無(wú)奈），下載地址：device.harmonyos.com/cn/ide



• 鴻蒙OS官方開(kāi)發(fā)文檔

以上就是W3Cschool編程獅關(guān)于鴻蒙2.0！前端開(kāi)啟新大陸？的相關(guān)介紹了，希望對(duì)大家有所幫助。