这是一个创建于 2257 天前的主题，其中的信息可能已经有所发展或是发生改变。
一切从 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 大牛帮忙指点指点，妥妥的，哈哈
----------------------------我是肥美的分割线--------------------------------------------
后端与数据库
对于一个前端来说，在以前，要想做个博客什么的，后端总是感觉无从下手。为啥，就是因为不懂，重新学习一门后端语音，时间周期太长。如果用现成的 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]
然后就开始竞品分析，需求分析，一个需求逐渐成型。。
----------------------------我是肥美的分割线--------------------------------------------
最开始想做这个小程序的最初目的是想练手，接触一下新东西
练手的目的是明确了，但是又不甘心做一个 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 高，有兴趣的小伙伴这两个都可以看一下
先用 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]
这是原来的样子
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]
后话是，做了这么个记录体重的小程序
结果，胖了 10 斤
看到那个体重曲线都是往上走的
股票也是这么个走法就好了 [捂脸.gif]
第 7 条附言 · 2018-09-27 14:29:29 +08:00
----------------------------我是肥美的分割线--------------------------------------------
文末给个二维码
 |
1
superlead 2018-09-26 14:46:11 +08:00
兄弟 分享分享你的感受呗
|
 |
2
bjkdtc 2018-09-26 16:49:46 +08:00
作为一个曾经是前端现在是 PM 狗的人，最近也是跃跃欲试想搞小程序了
|
 |
3
keventseng 2018-09-26 17:43:11 +08:00
哥，没想到……你也上来 v2 了。
|
|
4
keventseng 2018-09-26 17:43:58 +08:00
@bjkdtc 作为一个曾经是设计现在是 PM 狗的人，我已经搞了。
|
 |
7
sannyzeng OP @keventseng 是啊
|
 |
8
xmsz 2018-09-27 00:12:05 +08:00
作为过来人 我希望你放弃小程序开发
这玩意就是用来坑开发者的... API 混乱，线上版本混合，调试麻烦... 干扰你正常的写代码的逻辑 比如你上面说的框架，我们最后还是选择原生，原因只想赶紧结束 算了 不多说了都是泪 |
|
9
sannyzeng OP @xmsz 刚开始我也这样认为，随着对小程序认识的加深，小程序这个东西，其实对创业者来说，是可以更好的对接自家的产品的，微信只是在对接的这个过程里出了点力，包装了一下
至于说坑开发者，我觉得这个只是代码写法不一样而已，坑还是有的，不过也还好，程序员的一生不都是在填坑么，哈哈哈 框架这个东西其实就是为了提高开发效率，毕竟最终还是要按照小程序的规范来编译代码的 ^_^ |
 |
10
AkariZzz 2018-09-27 09:12:11 +08:00
挺不错的，感觉中间放了一块广告太影响体验了，广告还是放不显眼的地方比较好
|
|
11
sannyzeng OP @AkariZzz 是的，这个还要想办法优化一下才行，毕竟之前都是搞前端，产品这块的知识还是有点欠缺，谢谢小伙伴指点，哈哈哈
|
 |
12
oliver34 2018-09-27 09:45:20 +08:00
广告真的多
|
 |
14
hexiaolu 2018-09-27 09:59:38 +08:00
页面可以左右拖动，这个体验不太行。
|
|
15
sannyzeng OP @hexiaolu 可以报下机子型号、BUG 页面、还有微信版本吗？我测试一下，个人开发者，手上测试设备不多，有些 BUG 开发工具没测出来
|
 |
18
mandex 2018-09-27 11:41:46 +08:00
小程序的坑还是很多的。做过一个数据系统的小程序，结果小程序里连表格组件都没有，table 都不支持，要自己造轮子，就很恶心。
|
 |
19
xingyue 2018-09-27 11:57:42 +08:00 via Android
好奇楼主食物数据从哪里来的⊙ˍ⊙，话说我项目刚写完正好闲下来了纠结学习 angular 还是小程序中～(只会 vue 的渣渣前端
|
|
20
sannyzeng OP @mandex 是的，移动端的屏太小了，显示表格有点不太友好，自己造轮子也还好啦，样式定义好应该就 ok 了
|
|
21
sannyzeng OP  1
@xingyue 都可以看的呀，建议先看小程序吧，小程序上线之后是要管理后台的吧，然后管理后台用 angular 再写一个就行啦，嘿嘿，两个都撸一遍
|
 |
22
mr3x 2018-09-28 13:51:54 +08:00
你这是假前端吧，现在前端不都至少要会一门后端语言吗
|
|
24
mr3x 2018-09-29 10:47:39 +08:00
所以说前端是什么都要会的
|
|
25
sannyzeng OP @mr3x 我很赞同你这个说法啊，做前端的千万不能被“前端”两个字给框住了啊，能学能玩的东西太多了，外面的世界还是很精彩的，嘿嘿~~~
|
 |
26
xxfboy 2018-09-29 14:05:21 +08:00
楼主有兴趣接个小程序外包项目吗？简单拼图，设计稿已经出来了
|
 |
27
pushyzheng 2018-09-29 15:06:46 +08:00 via Android
每个页面都有一个广告，就我来说，体验不是太好
|
 |
28
cooljs 2018-09-29 17:11:29 +08:00
mpvue 好用吗，好多 Vue 的功能不支持
|
 |
31
solaro 2018-09-30 10:09:14 +08:00
66666，收藏
|
 |
34
licoycn 2018-09-30 16:12:34 +08:00
作为后端的我 小程序已经写过无数款了
|
 |
35
kaxi 2018-09-30 17:52:00 +08:00
撸了这么久，能透露一下 你后台数据吗
|
 |
36
imdavidyang 2018-10-02 16:21:06 +08:00
作为一个 PM，试着翻了翻文档，一个半月也做了个小程序，
做完发现其实这个大环境对小程序的期望太高，媒体、资本和微信对小程序的吹捧太泡沫， 小程序根本无法位开发者或创业者提供一个很好的产品载体 作为开发来讲还挺简单，可以交流交流 https://minapp.com/miniapp/8687/ |
|
37
sannyzeng OP @imdavidyang 确实，对创业者来说运营一个公众号其实也比运营一个小程序强，小程序其实只是作为一个产品的推广渠道，本质和公众号是一样的，只是展示的介质不同，正因为介质不同，反而可以呈现一些公众号没法呈现的元素，例如交互的乐趣……不够微信小程序还是得依附微信，在我看来，小程序（不包括小游戏）只是公众号的一种增强手段……对于微信来说，又多了一个渠道盈利……
|
 |
38
a132811 2018-10-06 22:30:43 +08:00
微星的小程序 不兼容 Web 标准, 还各种限制不能上传非图片的文件 不支持跳转到第三方超级连接 直接用原生 h5
强多了 |
Select Language