要做小程序？工具助手帮你你一天就完成，笔者在此分享了16小时完成一个完整小程序的履历，内有包罗思绪、准备到代码阶段的展示。
随着种种工具/轮子越来越多，做程序员可以说是越来越潇洒，真真的吃着暖锅唱着歌，闲了调调BUG。
今天要分享的是一套完整的带后台的小程序，完全从0最先，没有借助任何小程序天生框架。
一、功效
从第一天早上10点的Idea到第二天破晓6点提交上架，除去做饭 吃喝拉撒，总共破费约16个小时。
复盘下来，以为整个历程颇有代表性，故分享出来，供诸位拍砖。
二、工具清单
2.1 准备阶段
头脑导图：幕布
小程序申请：微信民众平台
2.2 开发阶段
2.2.1 后台
- 版本治理：码云
- 后台开发IDE：PHPStorm
- 后台框架：PHP Laravel
- 数据库：MySQL
- 微信后台对接（Laravel插件）：EasyWechat
- 图片存储（Laravel插件）：Aliyun-oss-storage
2.2.2 小程序
- 小程序开发IDE：微信开发者工具
- 小程序：官方的文档、组件、API
- 瀑布流展示（小程序插件）：BrickLayout晓瀑布流
2.2.3 设计
- 图标：iconfont
- UI参考：WeUI小程序版
- 编辑：Photoshop
2.3 运维阶段
小程序助手
小程序数据助手
小程序客服小助手
三、开发历程
3.1 从Idea到着手
吃够了不经调研的着手开搞带来的苦头，近几年对于Idea到产物是颇为郑重的。像这次干净利索的决议，显然已经是好久不见。
实在我是不推荐这么迅速的作出开发新项目的决议的，除非具备几个因素：
- 项目开发周期短，1-3天为宜；
- 具备立竿见影的效果；
- 没钱了。
从Idea到产物，首先需要梳理思绪。
之前用的xmind，最近一直用新出的幕布，后者更利便分享，多端可用，对照适合海内的使用习惯。
头脑导图
时间紧迫，简朴画了画。若是是较大的项目，则需要有对照系统的思绪。这里推荐下 processon，之前一直用他画流程图，最近发现它又新出了诸如商业画布一类的工具，很好用。
3.2 着手设计
产物最终的形态，在开发之处最好是要有原型的，否则开发历程中，会逐步失去偏向，被噜苏的事情滋扰，以致最终开发出的产物和最初的设想有很大收支。
产物原型的工具，在上面没有列出来，是由于项目太小，画原型图在时间上划不来。原型图的工具推荐下墨刀，和幕布一样，也是可以在线分享演示的，这在团队协作和给客户演示时异常利便。
这次的设计，就是完全在脑子里打了个草稿，又去找了找同类型的产物取了点经，一个也许的产物模子就有了。
至于气概什么样，那就只能靠天吃饭了。由于这么短的时间，不能能去动用设计的兄弟，以是就在 iconfont 和 ooopic 一类的设计网站上找灵感。
幸亏iconfont上恰好有一组图标，与心目中的产物对照契合，武断下载。
至此，logo、图标、框架等都齐了，最先最激动的撸代码阶段。
3.3 撸代码
一个人搞定前后端，这内里就有些门道了。
先干啥后干啥，每个人的喜欢差别。
以效率为起点，我有如下建议：首搭框架，先前再后，先横再竖，迅速交付。
首搭框架，是指先把前后端的基础框架搭建起来，该配的基础功效先做好。好比Laravel的内陆调试环境、代码堆栈、云端服务器、立案过的域名、小程序的账号、营业域名设置等等，这些环节先在脑子里过一遍，再从头至尾整个做完。
之以是一鼓作气所有做完，是由于在后面编码的历程中，一旦被上面一些小问题卡住，思绪就容易被打乱，影响效率。而且，许多事情是需要较长的时间的，好比域名立案，慢的话就得一二十天，若是被域名卡住，项目流产的可能性就会直线攀升。
第二是先前再后。这个意思则是在开发某个功效时，先设计前端界面和逻辑，再做后端接口和数据。反过来不行么？行，然则欠好。
在这种快速迭代开发的情况下，前端页面和逻辑没有经由系统的设计，会经常发生更改。这和传统团队开发不太一样，没有提要设计到详细设计再到开发的历程，更没有并行开发的条件，因此要因地制宜，接纳更适合这种小型作战的方式方法。
固然，这个建议重点关注的是详细的功效开发，而不是完全作废前置设计。若是没有整体的框架设计，是万万不行的。
第三是先横再竖。我们从水平和垂直两个偏向，去划分详细的功效。
好比这个项目中有四个页面，分别是发现页、公布页、个人主页、以及单篇展示页。我在开发时，先把四个页面建好，把tab和图标都加进去，页面切换做好，先感受下最终的效果。这种方式叫水平开发，利益在于让你会对产物的最终形态先有所感知，若是有不舒服的地方，实时地举行调整。
当我们对某个页面，或者某个跨页面的功效举行开发时，则称之为垂直开发。此时的功效颗粒度就会相对较小，也更容易把控。
最后是迅速交付，是脱胎于迅速开发模式的。意思是要连续的向客户交付可用的产物，这里的客户就是开发者自身。
在前几个原则的基础上，要实现迅速交付，还应该注重不要被细枝末节的点牵绊住。好比某个图标的配色欠好，某个按钮的位置摆的不正等等。切记，一定要抓大放小，美化完善的事情一定放在最最后。再者，一款产物就是要在不停的打磨下，才气奔着精品而去。
3.4运营准备
一个产物的启动是很有讲求的，尤其是社交和UGC产物。当一个用户首次使用时，若是以为你这个产物冷冷清清毫无生气，是很难沉下心往复体验的。以是，适当的“作假”是提高用户体验的增进黑客手段。
在产物到达一定量级后，一定记得把这些措施去除。好比王者荣耀的排位匹配，当你的品级很低时，会匹配一些AI机器人陪玩，以激励玩家。当到达人数对照多的品级阶段时，就会降低AI机器人的比率，由于让用户等待时间过久，是一件体验异常欠好的事。
同样的，在我们这个产物中，用户发出去的文章，在到达一定时间内，应当引入一定的激励机制，以激励用户。当用户较多时，真实的互动足够激励用户再创作时，则可作废激励机制，彻底渡过项目的冷启动阶段（时间关系，当前版本并没有加入激励机制）。
四、扩散
如上所述，这样一个产物，站在前人的肩膀上，可以快速搭建一个简朴的MVP，而之后的运营和迭代才是难中之难。
首先，任何的迭代开发，要保持一个大偏向不动摇。换句话说，产物的调性不要容易改变。
好比做上面这样一款社交产物，就扎扎实实围绕社交打磨功效，当可以成为精品的时刻，再思量逐步横向拓展，诸如广告、带货、游戏等。
微信就是一个很好的例子。
近几个月，微信动作频仍，上线了一大批变现功效，而且条件是以用户体验不受较大影响。社交是微信的偏向，是微信的固有属性，根深蒂固；若是把这个基本动了，上层功效模块也便不牢靠了。
劈面的，不停创新，岂论从功效照样排版，均发挥了产物司理极大的脑洞。结果是最终偃旗息鼓，不再大动社交的脑子。
其次，产物初期的迭代要根据市场反馈天真调整。市场反馈怎么看？数据。像微信小程序，就给出了相当完善的运营工具，其他诸如阿拉丁第三方工具，也可以作为不错的辅助。
详细怎么玩呢？看流动效果，看推广渠道带来的指标增进，看某个功效调整带来的用户颠簸，等等。这是个大话题，不是一两篇能搞定的。推荐一本范冰的《增进黑客》吧，内里更多的从手艺角度上论述了若何对运营效果举行改善，对照适合手艺人员充电。
五、后记
整个历程都是一个人完成的，对于小项目尚能云云，稍微大些的就需要思量到协作问题。改天会就中小型团队协作的历程，以及用到的一些提高效能的工具举行分享。
另外，这个小产物，我会接着做下去。成，或者不成，过几个月我再回来把整个历程复盘，把中心的迭代、运营、推广等环节分享出来，希望能对你有所辅助。
本文由 @田亮 原创公布于人人都是产物司理，未经许可，克制转载
题图来自 Unsplash，基于 CC0 协议
