首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

高效复用代码至小程序,你只要会Vue.js就可以

编者按:

2018年3月8号,美团点评宣布其研发、运维了近一年的小程序开发框架mpvue(mini program vue)正式开源,在前端界引起不小的反响,Star数量高达7700,仅次于微信官方推荐的框架wepy。同时,mpvue的用户量打破了美团点评分布式监控系统CAT保持多年的记录,一跃成为公司最大的开源框架。

美团点评是最早受邀接入小程序的公司之一,早在2017年1月小程序于微信客户端正式上线之前,公司里的一些部门就已经开始实践小程序开发了,胡成全所在酒店旅游事业群下的美团酒店小程序就是其中一员。

在小程序建设之初,通过详细了解小程序技术特点,酒旅团队就设想了将H5的产品功能快速迁移到小程序的可行性,但由于当时的开发社区和小程序官方都还没有对应的解决方案,人工做迁移的成本相几乎等同于重新开发。

当时社区的最佳解决方案是 wepy 小程序组件化开发框架,但由于技术栈差异,美团酒旅基于 Vue.js 的代码无法通过 wepy 得到复用。在和 wepy 开发者交流后了解到 wepy 短期内没有支持 Vue.js 的计划(目前已经大范围支持),于是他们决定自己做一个代码转化工具,这就是 mpvue 的雏形。

工具详情复制链接:http://mpvue.com/ 至浏览器查看。

那么 mpvue 究竟能为小程序开发提高多少工作效率呢?用胡成全本人的话说:“以酒旅旗下一款相对复杂的火车票抢票的小程序为例, mpvue 的开发耗时相比原生开发方式的估时提升了 54% 的开发时间”。

你一定很好奇,这个工具提升了开发效率,但是做这个工具本身不也是一件很耗时的事情吗?胡成全表示,这个工具的想法是从2017年3月就有了,但 mpvue 本身的开发周期,是7月到8月中旬大约一个半月的时间。

接入成本:只要你会Vue.js

mpvue 对用户来说有一个很赞的地方,就是它对 Vue.js 的语法支持程度能做到 90% 以上。

Vue.js 是目前最流行的前端框架之一,GitHub 上Star 数量超过9万,在社区有着大量的使用者。胡成全表示mpvue 框架开源后能够获得广泛认同和使用的原因,一方面源自于小程序社区的活跃度,另一方面也来源于对 Vue.js 开发者友好的技术选型。

在对框架的能力设计上,mpvue 会尽可能多地适配和复用了Vue.js 解决方案,包括代码构建、文档的支持等,这使得原本熟悉 Vue.js 的开发者,在切换到 mpvue 的时候基本上可以做到零成本,不用再去学习另外一套框架规范。

哈?你说你不会Vue.js?去学吧,就算不为了用mpvue…… 总有一天你会明白它的好~

挑战wepy,mpvue的优势在哪里?

对比 wepy,mpvue 的优势在哪里?

关于mpvue和wepy的异同,一张表可以看清:

mpvue 的核心优势是相对于 wepy,它和 Vue.js 结合的更好,对 Vue.js 的语法支持程度更高,通过引入 Vue.js 内核的的方式在框架底层对语法特性做直接支持,设计思路上要做得好一些。

wepy 是微信官方推荐的小程序的框架,早在2017年的时候就已经得到广泛使用,为小程序开发社区提供了巨大的帮助,有着长期的沉淀和稳定的用户群体。目前 wepy 的使用率和知名度高于 mpvue,但 mpvue 的初衷是为社区提供更多的选择,让小程序开发更容易,为社区带来美团点评的善意。

总的说来,两个框架要解决的问题是相当的,差异在于核心侧重点和技术实现上。wepy 最初的定位是提供小程序的组件化开发能力,同时对小程序本身的能力限制做了大量的补充和完善;之后对 Vue.js 语法进行了大量的适配支持,但这需要巨大的开发量。mpvue 初期也调研过这个方案,但很幸运的是mpvue成功的引入了 Vue.js ,在这个过程中, @爱吃西红柿的鱼,和 @aOrz 两位核心开发同学做了大量的调研和关键技术突破。

关于开源

胡成全团队之前一直在考虑是否要将 mpvue 开源,方案完成之初,也一度觉得这套方案的设计思路和最终效果良好。

但是开源能够给团队带来什么?提升公司品牌形象、提升团队影响力、吸引更多的求职者加入……

但是否也可能会引入一些其它问题:社区支持需要一定投入,对团队工作安排有一定考验,更坏的情况是方案认可度不高,对团队形象反而是灾难。

但深思熟虑之后,我们达成一致选择了开源。

事实证明,开源是一件互利共赢的事。一方面,mpvue 开源后在小程序开发社区有大量的关注和使用,提高了小程序开发效率,为社区带来了便利。同时,社区也为 mpvue 提供了大量的建议,对 mpvue 的优化起到关键作用,目前 mpvue 团队已经发展了一批志同道合的朋友参与技术共建,mpvue 衍生的周边建设也逐渐开始丰富起来。

你对mpvue有什么疑问吗?

想和mpvue负责人胡成全实时聊天吗?

我们将于5月4号进行一场Chat线上分享,

主讲人胡成全

报名已经开始,扫码加入吧!

现在加入还有买一赠一优惠,

时间有限,欲报从速~

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180417B1QZFL00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券