我们做了一个自认为是微信小程序最佳应用场景的小程序

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2882 天前的主题，其中的信息可能已经有所发展或是发生改变。

12 月 26 日

小明问我：“微信小程序最近发布了新更新，增加了分享、模板消息和带参数的二维码，我们要不要赶个时髦，也做点什么？”

此前小程序才刚内测，开发者社区已为之沸腾。我却不不以为然，“不过是公众号的改进版而已，不值得关注。”

如今小程序增加了分享和消息，还可以发布带参数的二维码。“似乎不再那么鸡肋了。”

“那做点什么呢？”

“做个活动售票的小程序吧！

“给每个活动生成一个带参数的二维码，可以放在活动海报或者网页上，扫一扫直接进入活动页面，用微信支付票款，然后用模板消息发送票号，还可以分享活动页面给好友。”

“哇，简直是最佳应用场景啊。”

我们为这个想法感到兴奋，于是就马上开工了。

你好哇，我叫“小小票儿”

第一步是取名字和设计图标。我们最初想到的名字是“小票儿”，不过已经被占用了。

那索性再”小“一点，就叫“小小票儿”。

设计和开发

我一直不喜欢做高保真原型，觉得这样限制了产品的灵活度，因此都是直接在纸上画草图，然后边开发边确定细节。

这次尝试了不一样的方式：首先做出高保真的设计图，再开始开发。因为调整设计图的成本远远低于调整代码，确定的设计图让开发和设计工作不必再来回切换。效果超出预期的好。

以下是设计图和最终实现效果的对比效果：

购票页面通过使用官方提供的模板消息和分享 API ，通知和分享也更简单了：

活动页面可以分享给好友。购票成功之后会收到模板消息。

小小票儿的设计和开发工作有两人参与。我负责设计和前端，小明负责后端。从取名字到通过审核，小小票儿项目的开发工作总共历时 8 天。

虽然总共只有不到 10 个页面，但已经是一个包括用户、活动、支付、订单、库存等功能的完整系统。

在前端部分，考虑到小程序的 API 仍在快速变化，第三方框架可能无法及时更新，因此我们直接采用了官方框架。从 12 月 27 日开工，到 1 月 2 日通过审核，最终累计产生 30 个 commit 。

后端部分，为了快速实现，我们使用了 LeanCloud 作为后端基础设施，累计产生了 32 个 commit 。至此小小票儿项目的开发工作就告一段落了，只等小程序正式发布。

小小程序，大有作为

小小票儿项目的开发体验令人印象深刻。超高的开发效率，让小程序的试错成本更低，因此带来的丰富可能性，啧啧，大有可为啊。

以上就是这次有趣的小程序开发体验，希望也能给你带来一些启发。

题图是我们准备在上海举办的“小小程序，大有作为”活动海报，如果你在 1 月 15 号正好有空，欢迎来参加哦。

再会！

哦，差点忘了说，还有最后一件事：

Introduce Tiny Group

Tiny Group 是一家专门开发小程序的公司。从小程序应用，到开发者服务，我们将围绕小程序做更多事情。

欢迎访问我们的网站: http://tiny.group

你也对小程序有兴趣吗？加我的微信聊一下吧：

或搜索微信号： unstop

票儿

程序

img

小小

52 条回复 • 2017-01-15 10:49:46 +08:00

loading

2017-01-03 18:02:38 +08:00 via Android

站点图片我这看不到，广东联通

unstop

2017-01-03 18:08:57 +08:00

@loading 可能是外链限制问题，试试用这个网址： https://zi.com/w/a/33843ky

cnwtex

2017-01-03 18:20:05 +08:00

开源吗

shoaly

2017-01-03 18:22:59 +08:00

楼主结合亲身经历点评一下
上面这个扫描二维码买票的流程
如果用服务号来做相比小程序有什么劣势?

unstop

2017-01-03 18:26:18 +08:00

@shoaly 我对服务号不太了解，所以可能没法做对比，不过小程序的体验确实非常流畅，感兴趣的话我可以加你为体验者，你亲自来感受一下。

Geeker

2017-01-03 18:28:26 +08:00

不错

unstop

2017-01-03 18:28:59 +08:00

@cnwtex 小小票儿是闭源的。不过我们后面会做一个类似的、更通用的开源小程序项目。

Showfom

2017-01-03 18:35:45 +08:00

- - 感觉聊工作的事情用微信是很不方便的，电脑登陆还得手机上确认下

unstop

2017-01-03 18:37:32 +08:00

@Showfom 嗯，同意。不过这毕竟不是正经聊工作，就闲聊一下用微信还是挺方便的。

Showfom

2017-01-03 18:39:21 +08:00

@unstop 我一般微信一周开一次看看有啥留言哈哈

insub

2017-01-03 18:40:43 +08:00

非常酷，尤其是楼主的产品，设计，开发效率以及出产的质量，非常佩服。

hinate

2017-01-03 18:48:34 +08:00 via iPhone

难道不是微票儿...这个微信自己用了🌚🌚

viko16

2017-01-03 19:30:39 +08:00 via Android

很赞的一个案例

cnwtex

2017-01-03 19:36:30 +08:00

@unstop 加我体验一下 dingjh

cnwtex

2017-01-03 19:36:42 +08:00

@unstop
其实把支付这块做好，做小程序的卖水的就可以了，没必要自己运营。
开发能力强和运营能力是两码事，不过你们可以试试。

unstop

2017-01-03 19:43:29 +08:00

@cnwtex 邀请你了。

Ison

2017-01-03 20:04:47 +08:00

其实这种使用方式
个人觉得很容易导致扫码中毒的泛滥。。。

tscat

2017-01-03 20:15:22 +08:00 via iPhone

虽然感觉用 h5 也能做出来差不多效果的，但是楼主的想法真的让人觉得很不错。
想体验下小程序是否更流畅，微信啥时候公测来着

wxcszh

2017-01-03 20:31:12 +08:00 via iPhone

请问你们在票价上有什么优势嘛……如果微信的干儿子娱(微)票儿的先你们做出来，并且价格比你们便宜。或者小票儿刚才看到了你的这个想法，也做了一样的。或者美团的猫眼电影早已和微信洽谈好了，你懂的腾讯和美团的关系。那你们怎么办？

qinxg

2017-01-03 20:53:42 +08:00

让我也体验下 chinamobile

goofansu

2017-01-03 20:55:27 +08:00 via iPhone

这个流程服务号都能实现，除了更像个 app 之外，没看到比服务号更有优势的地方

qinxg

2017-01-03 20:58:03 +08:00

@wxcszh 感觉他们定位是帮人开发，并不需要关注谁谁谁进场了怎么办：）

itfanr

2017-01-03 21:02:04 +08:00

不错的设计

unstop

2017-01-03 21:12:39 +08:00

@Ison 这个问题应该是微信担心的问题了。

@tscat 可以发微信号给我，我把你加入体验者。

@wxcszh 不是一类业务啊。微票儿主要还是电影、演出、大型活动什么的。小小票儿是给小型活动售票的平台。

Powered

2017-01-03 22:02:33 +08:00 via iPhone

@unstop

微信是 631909540

求加入体验

chemzqm

2017-01-03 22:08:57 +08:00

小程序从设计和开发成本上来说成本都是比较低的，尤其是用了 https://github.com/chemzqm/wept 之后 😏
设计也可以直接从官方的 psd/sketch 上改， https://github.com/weui/weui-wxss https://github.com/weui/weui-design

unstop

2017-01-03 22:21:20 +08:00

@Powered 开了隐私保护吗？提示说搜不到这个用户。

@chemzqm WEPT 我尝试过一下，效果实在不太理想，还是用回了官方的开发工具。

chemzqm

2017-01-03 22:42:58 +08:00

@unstop 譬如说哪里不理想？除了不支持的功能之外？

tscat

2017-01-04 01:06:26 +08:00 via iPhone

@unstop iamyilisha
我体验一下