HBuilderX重大更新,支持快应用、UniApp,支持MAC版

快应用,是包括华为、小米、OPPO、VIVO等10家中国手机厂商共同推出的新一代应用生态。
去年微信小程序日活从0增长到1.7亿,抓住这拨红利的创业者都拿到了各种高估值融资。

除了微信和10家联盟,包括百度在内的所有巨头今年都会推出自己的动态App平台,整体动态App市场的日活预计增长到4亿。
在红利匮乏的移动互联网,动态App的红利再不把握,移动互联网下半场就跟你没关系了。

而前端开发者,也会迎来自己的春天。
过去HTML5相对于原生是二等公民,在公司地位是比不过原生工程师的。
动态App大潮来临,所有流量巨头推出的动态App平台全部是基于js的。
这产生了大量的人才缺口和晋升机会。

把握机会要做很多事,工欲善其事必先利其器。
这里介绍5大神器,全部免费,一一道来。

1. HBuilderX
HBuilderX完善的支持了快应用开发,包括了快应用的语法提示、转到定义、格式化、真机同步、debug、打包等全流程。
HBuilder是拥有190万开发者的优秀国产工具。
下一代产品HBuilderX,完全重新开发,基于C++架构,性能体验秒杀基于java系或nodewebkit系的产品。
HBuilderX只有12M,启动速度秒开,以插件的方式处理调试等重型功能。
HBuilderX的字处理极其高效,具备众多以往顶尖编辑器都不具备的高效字处理能力。详见

2. 把微信小程序转换为快应用

如果你已经有了一款微信小程序,何必重头开发,直接拖到HBuilderX里,会提示是否转换为快应用。
点击后,经过一阵处理,就生成了一套符合快应用语法规范的工程文件。
对于2个平台的api功能差异,也详细的说明在了新工程文件的注释中。

如果转换过程中碰到问题,欢迎到https://github.com/dcloudio/uni-migration/issues提交issues。

也可以加入QQ群:531031261,一起讨论完善小程序转换器。

3. 快应用,是否能打包为原生App?
HBuilderX提供了快应用或UniApp打包原生应用的能力。

4. 微信、快应用联盟、支付宝、360、中移动,即将上线的百度小程序,开发规范都不同,难道真的一个版本一个版本做吗?
以前做原生,也只不过Android和iOS这2个平台,但数家动态App规范都学习、版本同步维护,并不是合理的事情。
DCloud的 UniApp 就是为此而生,开发者只需按照UniApp规范开发,可以自动编译成快应用、小程序等所有动态App的版本,当然还可以直接打包为原生App。

5. 当你做了众多动态App版本时,如何追踪这些App的数据?
难道每天登陆十几家发行渠道的后台看数据?
使用DCloud的Uni统计服务,在一点就可以追踪所有渠道的数据。
在HBuilderX里创建或转换的应用,都已经包含了这个功能,当然功能可定制,并非强制使用。

拥有这5大神器:快应用IDE、小程序转换器、原生打包平台、UniApp、Uni统计,你在动态App浪潮中,才能敏捷前行,迅速把握机会。

FAQ:
1. UniApp和快应用里,是否可以使用HTML5Plus?
在UniApp里有webview组件,里面可以正常使用HTML5Plus,但快应用里不支持HTML5Plus,微信小程序目前也不支持HTML5Plus。
也就是使用HTML5+就只能发行为原生App或流应用。
2. UniApp的主渲染引擎是webview还是native?
UniApp虽然是模板写法,但主渲染引擎是native view。过去DCloud提供的HTML5+里虽然也有nview,但定位是做webview的补充,独立使用nview开发界面是比较困难的。DCloud强化native渲染后,使用了模板式写法,但主渲染引擎是nview。里面有一个组件是webview,在这个webview里仍然可以运行HTML5+的代码,比如获取设备信息等各种增强能力,但这里不能再运行plus.webview了,因为窗体管理需要在外面的模板里做。
3. 未来DCloud主推的技术方向是什么?
DCloud从创立到现在,一直是看好动态App的发展前景,看到使用前端语言替代原生能给开发者和用户、产业带来巨大的价值。
未来DCloud的重点演进方向在UniApp和wap2app。
也就是如果你有一个wap站,想变app,那么使用wap2app。
如果你有一个微信小程序,想变app或快应用,那么使用UniApp。
如果你什么都没有,重新做一个app到处发布,那么推荐使用UniApp。
4.一个已经做好的c/s方式的5+app,如何向UniApp演进?
新建一个UniApp项目,简单构建几个窗体模板,内嵌webview组件,把之前的HTML页面引用进来,去掉HTML页面里的webview窗体管理。
这样的版本可以打包为原生App,但还是因为plus api的问题,无法直接发行为快应用和微信小程序。
5. 目前UniApp打包只能打包Android版本,iOS还要段时间才能上线。
6. UniApp的api不如5+多,比如没有地图,怎么办?
其实UniApp里native组件虽然不多,但仍然可以使用5+webview里的地图。所以它本质上是5+大幅强化了nview组件并改进了模板式开发模型。这是一种进化,可以放心使用。没有必要等到UniApp在nml里把5+的全部能力都放进去后才开始使用。
7. UniApp里的nml、njs、nss和之前的HTML、js、css有什么区别?
5+app的js都是运行在webview里的,UniApp拥有一个独立的v8,有独立的原生渲染引擎。nml、njs、nss都是在这套原生渲染机制里运行的。
在nml、njs、nss里,标签语法虽类似HTML,但并不支持全部HTML,也扩展了一些HTML没有的语法。
在nml的webview组件里,可以写普通的HTML、js、css,也可以在这里调用plus扩展的5+api,比如地图、push这些仍然都可以使用。
但是plus.webview和plus.nview的api不能使用,这些用法要改成写nml,由nml来处理窗体管理。


12 分享
DCloud_客服_Trust cydida@163.com lhyh 水灵退散 天使的自由 赵梦欢 代码实习生 673523000@qq.com 313671494@qq.com hylong bzliukai 272891019@qq.com
bzliukai

bzliukai

marker
0 赞 3 天前
791511034@qq.com

791511034@qq.com

说真心的,现在首要任务应该是把uniapp功能丰富和完善。而不是搞小程序和快应用的转换。自己的主打产品还有不少问题呢。对比小程序的功能、组件都缺少很多。比如swiper有点小bug,picker缺少(二级、三级联动选择器),扫描二维码会崩溃。
我觉得小程序转成快应用都不需要支持,我们只要保证uniapp可以转换成多场景,大一统就行了。后面有精力再去搞小程序转换。而且uniapp的组件还不够丰富,跟小程序的组件不能一一对应,需要完善。
0 赞 5 天前
abiu

abiu 回复 lafer

我也遇到同样问题。
0 赞 2018-04-13 15:30
DCloud_MUI_CHB

DCloud_MUI_CHB 回复 944515900@qq.com

mui和Hbuilder会继续维护
0 赞 2018-04-13 15:07
944515900@qq.com

944515900@qq.com

mui和Hbuilder以后还维护更新嘛?
0 赞 2018-04-13 11:32
lafer

lafer

缩进不稳定,一会8个tab,一会又4个tab,我设置的是4个,代码提示也不稳定,一会提示可以,一会提示乱的
1 赞 2018-04-12 21:28
DCloud_HB_深井冰

DCloud_HB_深井冰 回复 Tiamo锐

setting里可以设置格式化的语言类型beautify.language
0 赞 2018-04-10 12:15
Tiamo锐

Tiamo锐

vue文件下不支持格式化和Emmet
0 赞 2018-04-10 10:46
弄月

弄月

能不能一个窗口一个项目,好像vscode,超不习惯同时打开多个项目(文件夹),既然一个窗口就全打开了,那要新建窗口来干嘛?
0 赞 2018-03-31 09:39
点Chris

点Chris

出些教程或是demo吧。直接看文档也懵啊。-----来自名学渣!
2 赞 2018-03-30 17:32
DCloud_heavensoft

DCloud_heavensoft 回复 xiaohxx@qq.com

可以理解为类似vue的框架,算不上新语言。只不过没跑到webview里,v8直接解析原生渲染了
0 赞 2018-03-29 19:41
DCloud_heavensoft

DCloud_heavensoft 回复 褐言大魔王

请加qq 154419462,把具体情况说下。有些日志虽然提示很多告警,但其实是可以使用的。
0 赞 2018-03-29 19:38
xiaohxx@qq.com

xiaohxx@qq.com

一种新的语言出来了,,又要学习,,而且通用性不好说
说好的h5通杀呢
0 赞 2018-03-28 11:40
褐言大魔王

褐言大魔王

昨天试了一下 小程序转快应用,各种出错
0 赞 2018-03-28 08:21
DCloud_heavensoft

DCloud_heavensoft 回复 枫桥H5源码商城

UniApp和快应用,都是v8+原生渲染
0 赞 2018-03-26 22:58
DCloud_heavensoft

DCloud_heavensoft 回复 水木杨

uniapp的渲染和react native一样,都是原生渲染,不是webview渲染
0 赞 2018-03-26 22:57
水木杨

水木杨 回复 DCloud_heavensoft

uniapp在编译完成后 是不是如在ios端是oc原生ui 或者在安卓端是java原生ui?请官方给予说明?目前开发者不明白的地方是uniapp与react native具体区别在哪里 官方目前只是说实现思路相近?
0 赞 2018-03-26 17:58
水木杨

水木杨 回复 DCloud_heavensoft

react native渲染出来就是真原生ui 不知道uniapp是不是?
0 赞 2018-03-26 13:27
枫桥H5源码商城

枫桥H5源码商城

HBuilderX一定要支持Linux,很多年前我就说了,我们的目标用户是开发者,而linux的绝大多数用户都是开发者,不夸张的说,10个开发者有4个可能是在用linux的,这有什么理由不支持linux?
如果是一款面向大众(非面向计算机的用户)的软件不支持linux和mac那是合情合理的,但作为一款面对开发者的软件,不支持linux是不合理的,希望官方能听进去~再看看社区对linux版的呼吁如此之高就知道了
3 赞 2018-03-26 10:39
枫桥H5源码商城

枫桥H5源码商城 回复 DCloud_heavensoft

那快应用呢?快应用也是v8+原生渲染引擎模式吗?还是说快应用是正真编译的真原生
0 赞 2018-03-26 10:35
DCloud_heavensoft

DCloud_heavensoft 回复 小朱1x

UniApp是v8+原生渲染引擎模式,不是webview+原生的Hybrid,也不是java编译的真原生。类似react native。
0 赞 2018-03-24 16:15
小朱1x

小朱1x

我只想问 app是真原生吗 还是混合
0 赞 2018-03-23 19:05
6921201@qq.com

6921201@qq.com

用官方的文件,直接运行无法出结果呀,是一片白板
0 赞 2018-03-23 13:07
6921201@qq.com

6921201@qq.com

下载好了,马上试用下
0 赞 2018-03-23 12:15
917647288@qq.com

917647288@qq.com

如何 打包app 呢 没看到
0 赞 2018-03-22 18:21
DCloud_heavensoft

DCloud_heavensoft 回复 snice

HTML5+不会放弃,wap2app里都是HTML5+。只是重新开发的app,我们不推荐写HTML了,而推荐写UniApp里的nml,因为性能更好。
0 赞 2018-03-22 17:26
DCloud_客服_Trust

DCloud_客服_Trust 回复 水灵退散

如果有错误,建议单独开贴详细说明。
0 赞 2018-03-22 11:53
水灵退散

水灵退散 回复 代码实习生

我的是8.9.3的,运行官方git项目报错
0 赞 2018-03-22 11:48
代码实习生

代码实习生 回复 水灵退散

而且现在LTS版都到8.10.0了。。。
0 赞 2018-03-22 11:31
代码实习生

代码实习生 回复 水灵退散

你怕是晕了哦,不让用8.0.*版本,你用8.1.*等等不就行了?难道8.1.*不是8.0以上?
0 赞 2018-03-22 11:30
水灵退散

水灵退散

UniApp的环境搭建是真的操蛋。
注意: 不要使用8.0.*版本,这个版本内部会删除编译依赖包,并引起报错。
我的东西都需要8.0以上版本,你让我怎么用?
0 赞 2018-03-22 11:15
诺墨

诺墨 回复 Rudy001

还在完善。很快就会出来了。转换和工具可以看Github https://github.com/dcloudio/uniapp
0 赞 2018-03-22 11:01
诺墨

诺墨 回复 snice

快应用不是DCloud研发的产品。作为国内Android厂商的一个生态化产品,DCloud目前主要还是做兼容。HMTL5+才是核心。毕竟目前快应用没有IOS端。Hybird的核心之一还是跨平台。放心吧。这中情况不会出现的
0 赞 2018-03-22 11:01
snice

snice

这么说,DCloud是要放弃HTML5+?
0 赞 2018-03-22 10:58
Rudy001

Rudy001

官网首页怎么没有UniApp 使用文档
0 赞 2018-03-22 10:33
我是用户名

我是用户名

66666666666
0 赞 2018-03-22 10:24

要回复文章请先登录注册