撸了 5 个月的小程序,说说我的经历和感受 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
sannyzeng
V2EX    分享创造

撸了 5 个月的小程序,说说我的经历和感受

  •  2
     
  •   sannyzeng 2018-09-26 14:10:52 +08:00 10459 次点击
    这是一个创建于 2577 天前的主题,其中的信息可能已经有所发展或是发生改变。

    一切从 5 个月前说起。。。。

    5 个月前的一天,无意中看到了小程序的文档,内心热情汹涌澎湃,想上手试试。作为一个前端,当时的我是这样想的,如果做一个小程序的话,数据从哪来?后端的东西没怎么完整搞过啊,能行么。。

    心里有一个小念头不断地在撩我,搞搞呗,不搞搞怎么知道行不行呀

    后来,就开搞了

    后端选型无疑就是 nodejs 前端小程序的框架还是犹豫了一下,并且做了下对比

    第一版,用的是 wepy,开始做了两三个页面了,UI 用的是 weui。后来发现用起来不是很顺手,放弃了。 第二版,用原生把 wepy 的代码全部迁移回来接着来,这次用的是 zanui,虽然很多回调,但是直接加个 gulp 和 babel 之后,这个也不是问题,而且有完整的 UI 框架,开发起来倒也很顺手,就这么,用原生开发的版本就上线了,中间还迭代了几个功能版本。

    one day,mpvue 来了。

    抱着瞧一瞧试一试搞一搞的心态玩了一下,决定了,用 mpvue 重构!!

    那么 ok,第三版又来了,用了 mpvue 重构,UI 又用回来了 weui。这个也是一直用到现在的版本,后面觉得 UI 丑还经历了一次 UI 的重构。

    现在京东的 taro 也来了,心里又痒痒的了。。。

    ----------------------------我是肥美的分割线--------------------------------------------

    有兴趣的小伙伴可以扫码试用一下 https://www.shouxiansen.com/static/images/code.png

    或者微信搜索 [瘦先森体重管理]

    ----------------------------我是肥美的分割线--------------------------------------------

    说下感受吧 其实作为一个前端开发者,经历过这么个项目之后,前端、后端、数据库、UI、产品、推广等等方面,学到的东西还真不少

    第 1 条附言    2018-09-27 09:16:29 +08:00
    今天继续来聊聊感受,毕竟经历那么长的时间,说没遇到坑那肯定是骗人的

    ----------------------------我是肥美的分割线--------------------------------------------

    后端与数据库

    对于一个前端来说,在以前,要想做个博客什么的,后端总是感觉无从下手。为啥,就是因为不懂,重新学习一门后端语音,时间周期太长。如果用现成的 CMS 系统,也行,不过有些特殊的需求,例如针对 SEO 的需求,系统没带的,那么又无从下手了。

    说岔了,聊回小程序吧。
    后端开发框架的选型上我想都没想就选了 Thinkjs ( https://thinkjs.org/),框架底层基于 Koa 2.x,文档和 API 都很友好,并且功能也很强大,完全可以满足需求以及快速开发。从前不认识啥叫 jwt ( JSON Web Tokens ),只是看到别人的接口都是 Token 来 Token 去的,自己也想搞一个,在这项目里,也就算认识了。[捂脸.gif]

    数据库无疑就是 mysql 了。基本增删改查都 OK,复杂一点的话就找公司的 java 大牛帮忙指点指点,妥妥的,哈哈
    第 2 条附言    2018-09-27 09:26:04 +08:00
    刚才忘了先写产品需求这块了,还有做这个小程序的初衷

    ----------------------------我是肥美的分割线--------------------------------------------

    最开始想做这个小程序的最初目的是想练手,接触一下新东西

    练手的目的是明确了,但是又不甘心做一个 demo 项目上去玩玩,就一直犹豫要做什么好。

    在犹豫做什么小程序好的那么一个晚上,媳妇一直说我又胖了许多,要减肥 [脑补捂脸.gif]

    然后就推荐我下了一堆减肥 APP 来用,使用起来相当繁琐不说,用了一个星期下来还磨灭了我减肥的决心,最后还要手动一个个删掉。。[泪奔.gif]

    灵光就在这里闪了我脑袋

    或许我可以做点什么了,嘿嘿嘿 [奸笑.gif]

    然后就开始竞品分析,需求分析,一个需求逐渐成型。。
    第 3 条附言    2018-09-27 09:31:58 +08:00
    前端的感受嘛,也没啥特别的
    先用 wepy,不顺手,换原生,原生的写了几个页面,回调太多不顺手,自己加了套自动化进去跑 babel,爽快多了。
    原生开发的一套上线之后,mpvue 出来了,心痒痒的试了下,发现爽多了,还能用 vuex,比原生的那个 globaData 爽。
    就又用 mpvue 重构了,一直到现在的这个版本还是 mpvue。taro 有点想入坑,这个先等版本迭代文档下来再考虑了。

    mpvue 使用起来感觉大坑不是很多,可能我的需求也没多复杂吧,遇到印象深刻的坑就是切换页面 data 里面的数据残留的问题。这个可以在页面进去的时候或者退出的时候手工清一下就行。

    不过说真的,mpvue 更新的频率确实没有 taro 高,有兴趣的小伙伴这两个都可以看一下
    第 4 条附言    2018-09-27 09:42:26 +08:00
    UI 感受,深刻,非常深刻!!!!

    这是原来的样子
    http://www.91ud.com/app/22076.html

    这是现在的样子
    https://minapp.com/miniapp/6548/

    UI 这块刚开始做出来的时候,我直接都嫌弃它丑,但是又无从下手。

    后来请教了 UI 大神,大神三言两语一指点,顿时茅塞顿开。其实对于前端来说,不会 PS 也没关系,其实缺的就是一套 UI 规范,只需要找一套 UI 规范,配色找大神指点改改,一套 UI 出来还是轻而易举的

    UI 在一个产品的生命周期里,分量也很重,这个是我切身感受,自从重构了 UI 之后,流量确实多了 [笑哭.gif]
    第 5 条附言    2018-09-27 09:50:34 +08:00
    ----------------------------我是肥美的分割线--------------------------------------------

    关于运营推广

    这里感觉真的超出了之前从事岗位的范畴,推广的过程就好像深陷在泥潭里无法出力一样

    现在只能到处发文章去引流,毕竟一个人的力量有限,而且也不熟运营方面的东西

    推广的渠道,推广的方案,是最近一直在思考的问题。。。

    有的朋友说有好的产品自然会有流量,酒香不怕巷子深

    但是我还是觉得产品和推广这两个不分先后,是一种相辅相成的关系

    在这里也恳请运营推广大神指点一二~
    第 6 条附言    2018-09-27 09:56:08 +08:00
    ----------------------------我是肥美的分割线--------------------------------------------

    后话是,做了这么个记录体重的小程序

    结果,胖了 10 斤

    看到那个体重曲线都是往上走的

    股票也是这么个走法就好了 [捂脸.gif]
    第 7 条附言    2018-09-27 14:29:29 +08:00

    ----------------------------我是肥美的分割线--------------------------------------------

    文末给个二维码

    39 条回复    2018-10-08 10:32:16 +08:00
    superlead
        1
    superlead  
       2018-09-26 14:46:11 +08:00
    兄弟 分享分享你的感受呗
    keventseng
        3
    keventseng  
       2018-09-26 17:43:11 +08:00
    哥,没想到……你也上来 v2 了。
    keventseng
        4
    keventseng  
       2018-09-26 17:43:58 +08:00
    @bjkdtc 作为一个曾经是设计现在是 PM 狗的人,我已经搞了。
    sannyzeng
        5
    sannyzeng  
    OP
       2018-09-26 21:39:54 +08:00 via iPhone
    @superlead 明天继续写
    sannyzeng
        6
    sannyzeng  
    OP
       2018-09-26 21:40:10 +08:00 via iPhone
    @bjkdtc 动手吧,不要犹豫
    sannyzeng
        7
    sannyzeng  
    OP
       2018-09-26 21:40:39 +08:00 via iPhone
    @keventseng 是啊
    xmsz
        8
    xmsz  
       2018-09-27 00:12:05 +08:00
    作为过来人 我希望你放弃小程序开发
    这玩意就是用来坑开发者的...

    API 混乱,线上版本混合,调试麻烦...

    干扰你正常的写代码的逻辑

    比如你上面说的框架,我们最后还是选择原生,原因只想赶紧结束


    算了 不多说了都是泪
    sannyzeng
        9
    sannyzeng  
    OP
       2018-09-27 09:02:46 +08:00
    @xmsz 刚开始我也这样认为,随着对小程序认识的加深,小程序这个东西,其实对创业者来说,是可以更好的对接自家的产品的,微信只是在对接的这个过程里出了点力,包装了一下

    至于说坑开发者,我觉得这个只是代码写法不一样而已,坑还是有的,不过也还好,程序员的一生不都是在填坑么,哈哈哈

    框架这个东西其实就是为了提高开发效率,毕竟最终还是要按照小程序的规范来编译代码的 ^_^
    AkariZzz
        10
    AkariZzz  
       2018-09-27 09:12:11 +08:00
    挺不错的,感觉中间放了一块广告太影响体验了,广告还是放不显眼的地方比较好
    sannyzeng
        11
    sannyzeng  
    OP
       2018-09-27 09:33:44 +08:00
    @AkariZzz 是的,这个还要想办法优化一下才行,毕竟之前都是搞前端,产品这块的知识还是有点欠缺,谢谢小伙伴指点,哈哈哈
    oliver34
        12
    oliver34  
       2018-09-27 09:45:20 +08:00
    广告真的多
    sannyzeng
        13
    sannyzeng  
    OP
       2018-09-27 09:52:16 +08:00
    @oliver34 [笑哭.gif]
    hexiaolu
        14
    hexiaolu  
       2018-09-27 09:59:38 +08:00
    页面可以左右拖动,这个体验不太行。
    sannyzeng
        15
    sannyzeng  
    OP
       2018-09-27 10:02:38 +08:00
    @hexiaolu 可以报下机子型号、BUG 页面、还有微信版本吗?我测试一下,个人开发者,手上测试设备不多,有些 BUG 开发工具没测出来
    hexiaolu
        16
    hexiaolu  
       2018-09-27 10:12:47 +08:00
    @sannyzeng 8p, ios12, 首页,6.7.2。。。。可以左右拖动 目测是有个标签超出宽度了。
    sannyzeng
        17
    sannyzeng  
    OP
       2018-09-27 10:15:17 +08:00
    @hexiaolu 收到,太感谢了,我去看看先
    mandex
        18
    mandex  
       2018-09-27 11:41:46 +08:00
    小程序的坑还是很多的。做过一个数据系统的小程序,结果小程序里连表格组件都没有,table 都不支持,要自己造轮子,就很恶心。
    xingyue
        19
    xingyue  
       2018-09-27 11:57:42 +08:00 via Android
    好奇楼主食物数据从哪里来的⊙⊙,话说我项目刚写完正好闲下来了纠结学习 angular 还是小程序中~(只会 vue 的渣渣前端
    sannyzeng
        20
    sannyzeng  
    OP
       2018-09-27 12:31:56 +08:00 via iPhone
    @mandex 是的,移动端的屏太小了,显示表格有点不太友好,自己造轮子也还好啦,样式定义好应该就 ok 了
    sannyzeng
        21
    sannyzeng  
    OP
       2018-09-27 12:34:48 +08:00 via iPhone   1
    @xingyue 都可以看的呀,建议先看小程序吧,小程序上线之后是要管理后台的吧,然后管理后台用 angular 再写一个就行啦,嘿嘿,两个都撸一遍
    mr3x
        22
    mr3x  
       2018-09-28 13:51:54 +08:00
    你这是假前端吧,现在前端不都至少要会一门后端语言吗
    sannyzeng
        23
    sannyzeng  
    OP
       2018-09-28 17:10:21 +08:00
    @mr3x 我晕,现在的前端还有要求会设计的呢。。
    mr3x
        24
    mr3x  
       2018-09-29 10:47:39 +08:00
    所以说前端是什么都要会的
    sannyzeng
        25
    sannyzeng  
    OP
       2018-09-29 12:28:01 +08:00
    @mr3x 我很赞同你这个说法啊,做前端的千万不能被“前端”两个字给框住了啊,能学能玩的东西太多了,外面的世界还是很精彩的,嘿嘿~~~
    xxfboy
        26
    xxfboy  
       2018-09-29 14:05:21 +08:00
    楼主有兴趣接个小程序外包项目吗?简单拼图,设计稿已经出来了
    pushyzheng
        27
    pushyzheng  
       2018-09-29 15:06:46 +08:00 via Android
    每个页面都有一个广告,就我来说,体验不是太好
    cooljs
        28
    cooljs  
       2018-09-29 17:11:29 +08:00
    mpvue 好用吗,好多 Vue 的功能不支持
    laohan
        29
    laohan  
       2018-09-29 18:01:26 +08:00
    @xxfboy 有兴趣,加 wechat:laohan0302
    xxfboy
        30
    xxfboy  
       2018-09-30 09:56:21 +08:00
    @laohan 该用户不存在
    solaro
        31
    solaro  
       2018-09-30 10:09:14 +08:00
    66666,收藏
    laohan
        32
    laohan  
       2018-09-30 15:35:24 +08:00
    @xxfboy 我加你,给个方式
    xxfboy
        33
    xxfboy  
       2018-09-30 16:08:05 +08:00
    @laohan cengjingdidi
    licoycn
        34
    licoycn  
       2018-09-30 16:12:34 +08:00
    作为后端的我 小程序已经写过无数款了
    kaxi
        35
    kaxi  
       2018-09-30 17:52:00 +08:00
    撸了这么久,能透露一下 你后台数据吗
    imdavidyang
        36
    imdavidyang  
       2018-10-02 16:21:06 +08:00
    作为一个 PM,试着翻了翻文档,一个半月也做了个小程序,

    做完发现其实这个大环境对小程序的期望太高,媒体、资本和微信对小程序的吹捧太泡沫,

    小程序根本无法位开发者或创业者提供一个很好的产品载体


    作为开发来讲还挺简单,可以交流交流

    https://minapp.com/miniapp/8687/
    sannyzeng
        37
    sannyzeng  
    OP
       2018-10-03 22:54:15 +08:00 via iPhone
    @imdavidyang 确实,对创业者来说运营一个公众号其实也比运营一个小程序强,小程序其实只是作为一个产品的推广渠道,本质和公众号是一样的,只是展示的介质不同,正因为介质不同,反而可以呈现一些公众号没法呈现的元素,例如交互的乐趣……不够微信小程序还是得依附微信,在我看来,小程序(不包括小游戏)只是公众号的一种增强手段……对于微信来说,又多了一个渠道盈利……
    a132811
        38
    a132811  
       2018-10-06 22:30:43 +08:00
    微星的小程序 不兼容 Web 标准, 还各种限制不能上传非图片的文件 不支持跳转到第三方超级连接 直接用原生 h5
    强多了
    sannyzeng
        39
    sannyzeng  
    OP
       2018-10-08 10:32:16 +08:00 via iPhone
    @a132811 具体还是看需求吧,产品需求需要用户上传别的类型的文件的话,只能想办法通过其他方式了,如果微信小程序和需求方向偏差太大,那其实可以完全用个 WebView 套着 h5,又或者放弃小程序这个渠道,其实最终还是得跟业务需求走,而不是跟风啥都玩,最适合自身业务的渠道才是最有价值得
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     911 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 19:59 PVG 03:59 LAX 12:59 JFK 15:59
    Do have faith in what you're doing.
    ubao msn 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