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

2017-01-03 17:54:04 +08:00
 unstop

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

10841 次点击
所在节点    分享创造
52 条回复
goofansu
2017-01-03 20:55:27 +08:00
这个流程服务号都能实现,除了更像个 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
@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
@unstop iamyilisha
我体验一下
AutoRip
2017-01-04 01:12:40 +08:00
小小票 logo 核心部分未在 icon 中心位置 往左上有几个像素的偏移 逼死强迫症
warlue
2017-01-04 01:30:16 +08:00
@unstop TA-2013214 想体验一下微信小程序
xcv58
2017-01-04 01:35:04 +08:00
赞楼主!
kaikai5601
2017-01-04 02:00:33 +08:00
楼主可以加我为体验用户么?
xinpure
2017-01-04 08:32:00 +08:00
赞设计
i4oolish
2017-01-04 08:58:04 +08:00
求体验, fudan_dance 。谢谢楼主!
wuyukai
2017-01-04 09:02:15 +08:00
挺不错的,感觉文化消费这块儿延伸一下也挺适合,比如电影呀,演唱会,旅游这类频次不是非常高的场合。想体验一下,不知可否,微信: wuyukai879293
helloccav
2017-01-04 09:30:27 +08:00
楼主这个需求,不如用服务号来做,可以实现全部功能,并且可以直接用熟悉的 html5 开发,不用重新学习一套新的开发语言,即使这套新语言不难学。
laoertongzhi
2017-01-04 09:46:30 +08:00
求体验, iambigbiggirl ,谢谢楼主!
MucYoung
2017-01-04 11:37:20 +08:00
求体验,微信 MucYoung
nougatSE
2017-01-04 12:41:11 +08:00
求体验 wechat : zyxxx0107

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

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

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

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

© 2021 V2EX