鸿蒙2.0!前端开启新大陆?

猿友 2020-09-11 14:17:51 浏览数 (3934)
反馈

文章来源于公众号:前端之露 作者:露痴

9月10日,华为开发者大会如期而至。大会分享了 HMS Core 5.0的 最新进展。

前置知识

什么是鸿蒙

鸿蒙系统(鸿蒙OS,HarmonyOS)是第一款基于微内核的全场景分布式 OS,由华为公司自主研发并开源(开源的不是HMS框架是系统)。官网:https://developer.harmonyos.com/

可见的未来?

整个大会一直在强调的是 HM OS 2.0 的分布式解决方案,打通了 PC、手表和车机等产品终端,第一个版本支持128K-128M设备上运行。这是统治世界(物联网)的节奏。

![版本支持128K-128M设备上运行](https://atts.w3cschool.cn/attachments/image/20200911/1599803613436772.jpg "版本支持128K-128M设备上运行")

发布会上提到的强大的跨终端业务协同能力真的还是比较心动的。最重要的是这个是基于系统级别的!小编是不太敢预测个未来啊什么的。但是对于一个常年无法摆脱 apple 的人来说非常清楚是生态绑架了我。

做为一名前端开发者,最关心的莫过于我们能不能也体验一把国之荣光!下图可以看到方舟编译器括号里面写着大大的两个字 JS,不禁有些飘飘然~

![平台工具链与生态](https://atts.w3cschool.cn/attachments/image/20200911/1599803693960259.jpg "平台工具链与生态")

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

JS 应用开发框架

那就来一起看看底层原理(官方文档)。

作为 JS 应用开发框架的轻量实现,鸿蒙提供一套跨平台的类 web 应用开发框架,通过 Toolkit 将开发者编写的 HTML、CSS 和 JS 文件编译打包成 JS Bundle ,然后再将 JS Bundle 解析运行成 C++ UIKitView 组件进行渲染。

通过支持三方开发者使用声明式的 API 进行应用开发,以数据驱动视图变化,避免了大量的视图操作,大大降低了应用开发难度,提升开发者开发体验。

![JS 应用开发框架](https://atts.w3cschool.cn/attachments/image/20200911/1599803794839279.png "JS 应用开发框架")

JS 应用框架实现主要包含两部分,nativeJavaScript

native 部分为 C++,为框架的主体实现。

JavaScript 部分实现提供 JS 应用框架对用户 JS 文件的运行时支持,并通过向引擎暴露一些全局方法或对象,支撑 JS 运行时与 native 框架之间的交互。

想要用 JS 来开发一个APP 就要去研究一下下面的两个库啦!

![两个库](https://atts.w3cschool.cn/attachments/image/20200911/1599803878340692.jpg "两个库")

组件化开发方式

鸿蒙贴心的提供了命令行工具

$ npm install -g @ohos/hpm-cli # 安装命令行工具
$ hpm init -t default # 进入开发目录,采用默认模板创建一个开发项目。
$ hpm install @ohos/demo # 安装组件

官方组件包:hpm.harmonyos.com/#/cn/home

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

IDE

DevEco 提供了一站式开发/编译/调试/烧录,集成了分布式能力,以及可灵活组装的丰富的组件,并且内置安全检查能力。

![一站式开发](https://atts.w3cschool.cn/attachments/image/20200911/1599803973852664.jpg "一站式开发")

目前只支持 windows 系统(用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!前端开启新大陆?的相关介绍了,希望对大家有所帮助。

1 人点赞