鸿蒙2.0!前端开启新大陆?
文章来源于公众号:前端之露 作者:露痴
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++ UIKit
的 View
组件进行渲染。
通过支持三方开发者使用声明式的 API 进行应用开发,以数据驱动视图变化,避免了大量的视图操作,大大降低了应用开发难度,提升开发者开发体验。
![JS 应用开发框架](https://atts.w3cschool.cn/attachments/image/20200911/1599803794839279.png "JS 应用开发框架")
JS 应用框架实现主要包含两部分,native
和 JavaScript 。
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!前端开启新大陆?的相关介绍了,希望对大家有所帮助。