App下載

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

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

文章來源于公眾號：前端之露 作者：露癡

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

前置知識

什么是鴻蒙

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

可見的未來？

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

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

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

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

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

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

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

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

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

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

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

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

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

JavaScript 部分實現(xiàn)提供 JS 應(yīng)用框架對用戶 JS 文件的運行時支持，并通過向引擎暴露一些全局方法或?qū)ο?，支?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 # 進(jìn)入開發(fā)目錄，采用默認(rèn)模板創(chuàng)建一個開發(fā)項目。
$ hpm install @ohos/demo # 安裝組件

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

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

IDE

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

![一站式開發(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編程獅關(guān)于鴻蒙2.0！前端開啟新大陸？的相關(guān)介紹了，希望對大家有所幫助。

前端 鴻蒙(Harmony OS)

1 人點贊