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

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

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

    一切从 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
    兄弟 分享分享你的感受呗
    bjkdtc
        2
    bjkdtc  
       2018-09-26 16:49:46 +08:00
    作为一个曾经是前端现在是 PM 狗的人,最近也是跃跃欲试想搞小程序了
    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   ·   实用小工具   ·   950 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 22:49 · PVG 06:49 · LAX 14:49 · JFK 17:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.