通过重写一个 Demo 小项目尝鲜微信小程序以及自己的一些理解

2016-10-13 10:38:06 +08:00
 belin520

微信开发者工具 v0.10.x 支持 ES6 啦

一直对 Hybrid App 有比较浓厚的兴趣。包括几年前玩的 Phonegap/Cordova 和最近玩的 react-native , Webview 模式下的 Hybrid 在 Android 设备上显然有一些性能上的缺陷。 RN 看似不错,很多大厂也陆续把 APP 的部分模块或整个 APP 通过 RN 重写,但前途如何,不得而知,毕竟 “前会玩”。

V2 上很多关于 [ Hybrid App 能否取代原生 APP ] 的主题下讨论的热火朝天,不亚于 [ PHP 是否是世界上最好的语言 ] 的讨论。为什么是取代而不是共存呢?

米家 APP 里的小米商城

手机 QQ 里的 QQ 空间

微信里的微信小程序

显然有些 APP 整体需要原生的稳定性和高性能,而里面的一些业务模块需要快捷开发、可维护、高可控性,如何解决这样的冲突,明显需要一个可行的 Hybrid 解决方案。甚至 APP 里某些模块 Hybrid 化后,团队有其他看法,将整个 APP Hybrid 重构,比如米家 iOS 本次更新已经整体用 RN 重写了。

微信小程序

你可以在这里 Checkout 源码:BelinChung/wxapp-hiapp

公司最近有打算做项目的微信整合方案,刚好小程序内测,花了几天写了这个小 Demo ,当做是可行性调研。总得来说,写过 RN 和 VueJS 的同学会很快的入手,很有 Virtual DOM 和 VueJS API 的味道,但是目前看起来各方面都还在完善当中,有很多坑陆陆续续微信开发团队在填补中。因为没能真机调试的原因,其实现在在开发者工具中展现不能 100%在真机中跑起来,只能静观其变了。

从现在来看微信小程序并不是 HTML5 应用,而是与 react-native 类似通过 JavaScript 作为描述语言堆砌内置的原生组件,按道理产出的应用应该是真正意义上的原生应用。可是目前看来,前期的版本可能还是跑在 Webview 中,希望后期迭代或者完全发布之后,能是上述所说的吧。

Preview

其他

如果你希望获取到 HiApp 的 react-native 版本, Checkout: BelinChung/react-native-hiapp

如果你希望获取到 HiApp 的 Phonegap/Cordova 版本, Checkout: BelinChung/HiApp

最后,希望 HiApp 对喜欢 Hybrid App 的同学有所帮助。

2809 次点击
所在节点    分享创造
1 条回复
Bensendbs
2016-10-13 15:36:07 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/312427

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX