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

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

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/ 。

可見的未來？

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

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



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

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

作為 JS 應(yīng)用開發(fā)框架的輕量實(shí)現(xiàn)，鴻蒙提供一套跨平臺的類 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ū)動視圖變化，避免了大量的視圖操作，大大降低了應(yīng)用開發(fā)難度，提升開發(fā)者開發(fā)體驗(yàn)。


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

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

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

想要用 JS 來開發(fā)一個(gè)APP 就要去研究一下下面的兩個(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


IDE

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


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



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

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