我们做了一个自认为是微信小程序最佳应用场景的小程序 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
unstop
V2EX    分享创造

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

  •  2
     
  •   unstop 2017-01-03 17:54:04 +08:00 11316 次点击
    这是一个创建于 3205 天前的主题,其中的信息可能已经有所发展或是发生改变。

    12 月 26 日

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

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

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

    “那做点什么呢?”

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

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

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

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

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

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

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

    img

    设计和开发

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

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

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

    img

    img

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

    img

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

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

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

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

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

    小小程序,大有作为

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

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


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

    再会!


    哦,差点忘了说,还有最后一件事:

    Introduce Tiny Group

    img

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

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


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

    img

    或搜索微信号: unstop

    52 条回复    2017-01-15 10:49:46 +08:00
    loading
        1
    loading  
       2017-01-03 18:02:38 +08:00 via Android
    站点图片我这看不到,广东联通
    unstop
        2
    unstop  
    OP
       2017-01-03 18:08:57 +08:00
    @loading 可能是外链限制问题,试试用这个网址: https://zi.com/w/a/33843ky
    cnwtex
        3
    cnwtex  
       2017-01-03 18:20:05 +08:00
    开源吗
    shoaly
        4
    shoaly  
       2017-01-03 18:22:59 +08:00
    楼主结合亲身经历点评一下
    上面这个扫描二维码买票的流程
    如果用服务号来做 相比小程序有什么劣势?
    unstop
        5
    unstop  
    OP
       2017-01-03 18:26:18 +08:00
    @shoaly 我对服务号不太了解,所以可能没法做对比,不过小程序的体验确实非常流畅,感兴趣的话我可以加你为体验者,你亲自来感受一下。
    Geeker
        6
    Geeker  
       2017-01-03 18:28:26 +08:00
    不错
    unstop
        7
    unstop  
    OP
       2017-01-03 18:28:59 +08:00
    @cnwtex 小小票儿是闭源的。不过我们后面会做一个类似的、更通用的开源小程序项目。
    Showfom
        8
    Showfom  
    PRO
       2017-01-03 18:35:45 +08:00
    - - 感觉聊工作的事情用微信是很不方便的,电脑登陆还得手机上确认下
    unstop
        9
    unstop  
    OP
       2017-01-03 18:37:32 +08:00
    @Showfom 嗯,同意。不过这毕竟不是正经聊工作,就闲聊一下用微信还是挺方便的。
    Showfom
        10
    Showfom  
    PRO
       2017-01-03 18:39:21 +08:00
    @unstop 我一般微信一周开一次 看看有啥留言 哈哈
    insub
        11
    insub  
       2017-01-03 18:40:43 +08:00
    非常酷,尤其是楼主的产品,设计,开发效率以及出产的质量,非常佩服。
    hinate
        12
    hinate  
       2017-01-03 18:48:34 +08:00 via iPhone
    难道不是微票儿...这个微信自己用了
    viko16
        13
    viko16  
       2017-01-03 19:30:39 +08:00 via Android
    很赞的一个案例
    cnwtex
        14
    cnwtex  
       2017-01-03 19:36:30 +08:00
    @unstop 加我体验一下 dingjh
    cnwtex
        15
    cnwtex  
       2017-01-03 19:36:42 +08:00
    @unstop
    其实把支付这块做好,做小程序的卖水的就可以了,没必要自己运营。
    开发能力强和运营能力是两码事,不过你们可以试试。
    unstop
        16
    unstop  
    OP
       2017-01-03 19:43:29 +08:00
    @cnwtex 邀请你了。
    Ison
        17
    Ison  
       2017-01-03 20:04:47 +08:00
    其实这种使用方式
    个人觉得很容易导致扫码中毒的泛滥。。。
    tscat
        18
    tscat  
       2017-01-03 20:15:22 +08:00 via iPhone
    虽然感觉用 h5 也能做出来差不多效果的,但是楼主的想法真的让人觉得很不错。
    想体验下小程序是否更流畅,微信啥时候公测来着
    wxcszh
        19
    wxcszh  
       2017-01-03 20:31:12 +08:00 via iPhone
    请问 你们在票价上有什么优势嘛……如果微信的干儿子 娱(微)票儿的先你们做出来,并且价格比你们便宜。或者 小票儿 刚才看到了你的这个想法,也做了一样的。或者美团的猫眼电影 早已和微信洽谈好了,你懂的 腾讯和美团的关系。 那你们怎么办?
    qinxg
        20
    qinxg  
       2017-01-03 20:53:42 +08:00
    让我也体验下 chinamobile
    goofansu
        21
    goofansu  
       2017-01-03 20:55:27 +08:00 via iPhone
    这个流程服务号都能实现,除了更像个 app 之外,没看到比服务号更有优势的地方
    qinxg
        22
    qinxg  
       2017-01-03 20:58:03 +08:00
    @wxcszh 感觉他们定位是帮人开发,并不需要关注谁谁谁进场了怎么办 :)
    itfanr
        23
    itfanr  
       2017-01-03 21:02:04 +08:00
    不错的设计
    unstop
        24
    unstop  
    OP
       2017-01-03 21:12:39 +08:00   1
    @Ison 这个问题应该是微信担心的问题了。

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

    @wxcszh 不是一类业务啊。微票儿主要还是电影、演出、大型活动什么的。小小票儿是给小型活动售票的平台。
    Powered
        25
    Powered  
       2017-01-03 22:02:33 +08:00 via iPhone
    @unstop

    微信是 631909540

    求加入体验
    chemzqm
        26
    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
        27
    unstop  
    OP
       2017-01-03 22:21:20 +08:00
    @Powered 开了隐私保护吗?提示说搜不到这个用户。


    @chemzqm WEPT 我尝试过一下,效果实在不太理想,还是用回了官方的开发工具。
    chemzqm
        28
    chemzqm  
       2017-01-03 22:42:58 +08:00
    @unstop 譬如说哪里不理想? 除了不支持的功能之外?
    tscat
        29
    tscat  
       2017-01-04 01:06:26 +08:00 via iPhone
    @unstop iamyilisha
    我体验一下
    AutoRip
        30
    AutoRip  
       2017-01-04 01:12:40 +08:00 via Android
    小小票 logo 核心部分未在 icon 中心位置 往左上有几个像素的偏移 逼死强迫症
    warlue
        31
    warlue  
       2017-01-04 01:30:16 +08:00 via Android
    @unstop TA-2013214 想体验一下微信小程序
    xcv58
        32
    xcv58  
       2017-01-04 01:35:04 +08:00
    赞楼主!
    kaikai5601
        33
    kaikai5601  
       2017-01-04 02:00:33 +08:00 via Android
    楼主可以加我为体验用户么?
    xinpure
        34
    xinpure  
       2017-01-04 08:32:00 +08:00 via iPhone
    赞设计
    i4oolish
        35
    i4oolish  
       2017-01-04 08:58:04 +08:00
    求体验, fudan_dance 。谢谢楼主!
    wuyukai
        36
    wuyukai  
       2017-01-04 09:02:15 +08:00 via Android
    挺不错的,感觉文化消费这块儿延伸一下也挺适合,比如电影呀,演唱会,旅游这类频次不是非常高的场合。想体验一下,不知可否,微信: wuyukai879293
    helloccav
        37
    helloccav  
       2017-01-04 09:30:27 +08:00
    楼主这个需求,不如用服务号来做,可以实现全部功能,并且可以直接用熟悉的 html5 开发,不用重新学习一套新的开发语言,即使这套新语言不难学。
    laoertongzhi
        38
    laoertongzhi  
       2017-01-04 09:46:30 +08:00
    求体验, iambigbiggirl ,谢谢楼主!
    MucYoung
        39
    MucYoung  
       2017-01-04 11:37:20 +08:00
    求体验,微信 MucYoung
    nougatSE
        40
    nougatSE  
       2017-01-04 12:41:11 +08:00
    求体验 wechat : zyxxx0107
    unstop
        41
    unstop  
    OP
       2017-01-04 13:12:12 +08:00
    @nougatSE
    @MucYoung
    @laoertongzhi
    @wuyukai
    @i4oolish
    @kaikai5601
    @warlue
    @tscat

    因为微信限制了体验者的名额,所以没有办法直接邀请各位了,欢迎大家加一下我的微信,然后介绍一下正在做或者打算做的项目。
    horizon
        42
    horizon  
       2017-01-04 13:29:35 +08:00
    设计不错。
    fengtalk
        43
    fengtalk  
       2017-01-04 17:14:16 +08:00
    做番茄土豆的团队?
    benjaminv
        44
    benjaminv  
       2017-01-06 09:37:19 +08:00 via iPhone
    @unstop #loading 说的应该是您网站的图片出不来。上海联通
    zhaoace
        45
    zhaoace  
       2017-01-06 16:33:18 +08:00


    如果说我没看错。。。 @unstop 老板你们的网站。。。没有任何交互? 真是极致简约啊。。。
    liangjing414
        46
    liangjing414  
       2017-01-06 16:42:52 +08:00
    这个产品很好,我们目前正有类似的需求, mark 有机会交流一下 我 qq 810 八 00918
    unstop
        47
    unstop  
    OP
       2017-01-06 17:20:19 +08:00
    @liangjing414 可以加帖子底部的微信,不是小号,就是我的个人微信号
    v23ex
        48
    v23ex  
       2017-01-06 21:05:31 +08:00 via iPhone
    微信 weixintoutiaoxinxwen 求体验
    Vanessa
        49
    Vanessa  
       2017-01-07 12:06:49 +08:00
    HOHO ,我也做了一个 https://hacpai.com/article/1483674795299
    需要体验的可前往 t/332422#reply38 报名
    lyd600lty
        50
    lyd600lty  
       2017-01-07 14:40:40 +08:00
    IamJ
        51
    IamJ  
       2017-01-10 00:46:59 +08:00
    请问一下楼主,首页可以滑动左右切换的同时 tab 也响应,这是怎么实现的,用 scroll-view ?
    小程充不能操作 DOM ,很多功能实现得好蛋疼
    mingyun
        52
    mingyun  
       2017-01-15 10:49:46 +08:00
    后端用的 LeanCloud ,那用户数据自己都没法掌控,不大了解 LeanCloud
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1237 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 33ms UTC 23:35 PVG 07:35 LAX 16:35 JFK 19:35
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86