开发者用 Weex 花两天时间复刻出 One·一个 App

  • 徐川

2016 年 6 月 16 日

话题:移动语言 & 开发

自阿里在 QCon 北京 2016 上面宣布 Weex 内测已经过去了一个多月时间,在这段时间里,有不少开发者通过申请已经获得内测资格,并尝试用它进行开发,阿里也进一步邀请更多开发者来体验和使用 Weex,如阿里百川推出的Weex Workshop 挑战赛

Github 用户dodola参加了这场 Workshop,用两天时间开发了『One·一个』App 的 Weex 版本,并将它开源了出来,你可以下载该项目并按照提示编译并运行。

(项目运行截图)

dodola 在项目声明中也介绍了使用 Weex 开发的感受:

Weex 从上手来说还是相当容易的,我看了一会文档就可以开始做页面了,语法套用的是原生的 css、html、javascript 的语法,并 没有像 React Native 那样开发一个 JSX 语言还需要适应这种语法,相对来说 Weex 要比 React Native 上手要简单很多的。

从生成的包的大小来看我的这个应用没混淆状态下 apk 是 3.9MB,相对于 ReactNative 的 7.8MB 的大小还是要小很多的,从界面流畅度来看 Weex 可能要比 React Native 要流畅和灵敏一些。

开发过程中没有遇到大的难题,基本上看文档和例子代码就好了,像开发 WeexOne 这种小项目一般两天就做完了,从开发效率上看快很多。

不过,除了这些优点,dodola 也提到了当前测试版本的 Weex 有一些需要改进的地方:

  • 目前还没有完整的构建系统,只做了将 Weex SDK 集成到已有项目中的指南。
  • 调试不是很方便,一般都采用日志输出的方式。
  • Weex 将整个 app 的宽度定死在 750px,然后其他都是根据 scale 进行计算的,会导致适配不方便。
  • Weex 目前还不支持本地图片,必须使用服务器或者网络上的图片才可以。

对此 InfoQ 联系淘宝 Weex 的专家,他们对部分反馈做出了回复:

  • Weex 调试机制已有基本 logger 功能,下个版本将支持在 Chrome DevTools 中支持包括 Elements、Sources、Debugger、Network 等更丰富的调试功能,未来几个版本会持续扩展调试功能;
  • 作者最后提到的两个问题,团队在 Github 上已经有相关的 issue 讨论了 (如这个这个,和这个),也欢迎广大的开发者一起来出谋划策。

他们同时表示,Weex 团队非常欢迎开发者提交更多组件、提交反馈以及修复现有问题。

Weex 团队目前正在完善 Weex 的相关文档,编写了中文版快速上手教程,Android 与 iOS 版本的SDK 集成指南,同时欢迎开发者一起完善文档,为 Weex 社区一起贡献力量。

在 Weex 开始内测的时候仅发布了 Android 版本,最近,Weex 提交了 iOS 版本到开发分支,距离其『一次编写,多端高效运行』的承诺也越来越近。

据了解,Weex 将在 6 月底正式开源,如想提前体验 Weex 开发,可以提交内测申请,或者参加 Weex Workshop 挑战赛,本次 Workshop 挑战赛报名截止到 6 月 20 日,作品提交截止时间为 6 月 24 日,开发者想参加可前往活动页面报名。

移动语言 & 开发