鴻蒙2.0！前端開啟新大陸？

猿友 2020-09-11 14:17:51 瀏覽數(shù) (4939)

反饋

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

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

前置知識(shí)

什么是鴻蒙

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

可見的未來？

整個(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é)奏。

![版本支持128K-128M設(shè)備上運(yùn)行](https://atts.w3cschool.cn/attachments/image/20200911/1599803613436772.jpg "版本支持128K-128M設(shè)備上運(yùn)行")

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

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

![平臺(tái)工具鏈與生態(tài)](https://atts.w3cschool.cn/attachments/image/20200911/1599803693960259.jpg "平臺(tái)工具鏈與生態(tài)")

![方舟編譯器](https://atts.w3cschool.cn/attachments/image/20200911/1599803722311530.jpg "方舟編譯器")

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

那就來一起看看底層原理（官方文檔）。

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

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

![JS 應(yīng)用開發(fā)框架](https://atts.w3cschool.cn/attachments/image/20200911/1599803794839279.png "JS 應(yīng)用開發(fā)框架")

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í)支持，并通過向引擎暴露一些全局方法或?qū)ο?，支?JS 運(yùn)行時(shí)與 native 框架之間的交互。

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

![兩個(gè)庫](https://atts.w3cschool.cn/attachments/image/20200911/1599803878340692.jpg "兩個(gè)庫")

組件化開發(fā)方式

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

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

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

![官方組件包](https://atts.w3cschool.cn/attachments/image/20200911/1599803929582156.jpg "官方組件包")