V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
unstop
V2EX  ›  分享创造

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

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

    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  
       2017-01-03 18:35:45 +08:00
    - - 感觉聊工作的事情用微信是很不方便的,电脑登陆还得手机上确认下
    unstop
        9
    unstop  
    OP
       2017-01-03 18:37:32 +08:00
    @Showfom 嗯,同意。不过这毕竟不是正经聊工作,就闲聊一下用微信还是挺方便的。
    Showfom
        10
    Showfom  
       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
    需要体验的可前往 https://www.v2ex.com/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   ·   实用小工具   ·   1042 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 19:49 · PVG 03:49 · LAX 11:49 · JFK 14:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.