斯法|愿您可以被生活温柔以待!

怎样制作小程序,如何制作一个小程序,个人小程序免费制作方法

要做小程序?工具助手帮你你一天就完成,笔者在此分享了16小时完成一个完整小程序的经验,内有包括思路、准备到代码阶段的展示。

耗时16小时,做一个完整的小程序耗时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,最近一直用新出的幕布,后者更方便分享,多端可用,比较适合国内的使用习惯。

耗时16小时,做一个完整的小程序耗时16小时,做一个完整的小程序

思维导图

时间紧迫,简单画了画。如果是较大的项目,则需要有比较系统的思路。这里推荐下 processon,之前一直用他画流程图,最近发现它又新出了诸如商业画布一类的工具,很好用。

3.2 着手设计

产品最终的形态,在开发之处最好是要有原型的,否则开发过程中,会逐步失去方向,被琐碎的事情干扰,以致最终开发出的产品和最初的设想有很大出入。

产品原型的工具,在上面没有列出来,是因为项目太小,画原型图在时间上划不来。原型图的工具推荐下墨刀,和幕布一样,也是可以在线分享演示的,这在团队协作和给客户演示时非常方便。

这次的设计,就是完全在脑子里打了个草稿,又去找了找同类型的产品取了点经,一个大概的产品模型就有了。

至于风格什么样,那就只能靠天吃饭了。因为这么短的时间,不可能去动用设计的兄弟,所以就在 iconfont 和 ooopic 一类的设计网站上找灵感。

好在iconfont上刚好有一组图标,与心目中的产品比较契合,果断下载。

至此,logo、图标、框架等都齐了,开始最激动的撸代码阶段。

3.3 撸代码

一个人搞定前后端,这里面就有些门道了。

先干啥后干啥,每个人的喜好不同。

以效率为出发点,我有如下建议:首搭框架,先前再后,先横再竖,敏捷交付

首搭框架,是指先把前后端的基础框架搭建起来,该配的基础功能先做好。比如Laravel的本地调试环境、代码仓库、云端服务器、备案过的域名、小程序的账号、业务域名配置等等,这些环节先在脑子里过一遍,再从头到尾整个做完。

之所以一鼓作气全部做完,是因为在后面编码的过程中,一旦被上面一些小问题卡住,思路就容易被打乱,影响效率。并且,很多事情是需要较长的时间的,比如域名备案,慢的话就得一二十天,如果被域名卡住,项目流产的可能性就会直线攀升。

第二是先前再后。这个意思则是在开发某个功能时,先设计前端界面和逻辑,再做后端接口和数据。反过来不行么?行,但是不好。

在这种快速迭代开发的情况下,前端页面和逻辑没有经过系统的设计,会经常发生变动。这和传统团队开发不太一样,没有概要设计到详细设计再到开发的过程,更没有并行开发的条件,因此要因地制宜,采取更适合这种小型作战的方式方法。

当然,这个建议重点关注的是具体的功能开发,而不是完全取消前置设计。如果没有整体的框架设计,是万万不行的。

第三是先横再竖。我们从水平和垂直两个方向,去划分具体的功能。

比如这个项目中有四个页面,分别是发现页、发布页、个人主页、以及单篇展示页。我在开发时,先把四个页面建好,把tab和图标都加进去,页面切换做好,先感受下最终的效果。这种方式叫水平开发,好处在于让你会对产品的最终形态先有所感知,如果有不舒服的地方,及时地进行调整。

当我们对某个页面,或者某个跨页面的功能进行开发时,则称之为垂直开发。此时的功能颗粒度就会相对较小,也更容易把控。

最后是敏捷交付,是脱胎于敏捷开发模式的。意思是要持续的向客户交付可用的产品,这里的客户就是开发者自身。

在前几个原则的基础上,要实现敏捷交付,还应该注意不要被细枝末节的点牵绊住。比如某个图标的配色不好,某个按钮的位置摆的不正等等。切记,一定要抓大放小,美化完善的工作一定放在最最后。再者,一款产品就是要在不断的打磨下,才能奔着精品而去。

3.4运营准备

一个产品的启动是很有讲究的,尤其是社交和UGC产品。当一个用户初次使用时,如果觉得你这个产品冷冷清清毫无生气,是很难沉下心来去体验的。所以,适当的“作假”是提高用户体验的增长黑客手段。

在产品达到一定量级后,一定记得把这些措施去除。比如王者荣耀的排位匹配,当你的等级很低时,会匹配一些AI机器人陪玩,以鼓励玩家。当到达人数比较多的等级阶段时,就会降低AI机器人的比率,因为让用户等待时间过久,是一件体验非常不好的事。

同样的,在我们这个产品中,用户发出去的文章,在达到一定时间内,应当引入一定的激励机制,以鼓励用户。当用户较多时,真实的互动足够激励用户再创作时,则可取消激励机制,彻底度过项目的冷启动阶段(时间关系,当前版本并没有加入激励机制)。

四、扩散

如上所述,这样一个产品,站在前人的肩膀上,可以快速搭建一个简单的MVP,而之后的运营和迭代才是难中之难。

首先,任何的迭代开发,要保持一个大方向不动摇。换句话说,产品的调性不要轻易改变。

比如做上面这样一款社交产品,就扎扎实实围绕社交打磨功能,当可以成为精品的时候,再考虑逐步横向拓展,诸如广告、带货、游戏等。

微信就是一个很好的例子。

近几个月,微信动作频繁,上线了一大批变现功能,并且前提是以用户体验不受较大影响。社交是微信的方向,是微信的固有属性,根深蒂固;如果把这个根基动了,上层功能模块也便不牢靠了。

对面的支付宝,不断创新,不论从功能还是排版,均发挥了产品经理极大的脑洞。结果是最终偃旗息鼓,不再大动社交的脑筋。

其次,产品初期的迭代要根据市场反馈灵活调整。市场反馈怎么看?数据。像微信小程序,就给出了相当完善的运营工具,其他诸如阿拉丁第三方工具,也可以作为不错的辅助。

具体怎么玩呢?看活动效果,看推广渠道带来的指标增长,看某个功能调整带来的用户波动,等等。这是个大话题,不是一两篇能搞定的。推荐一本范冰的《增长黑客》吧,里面更多的从技术角度上阐述了如何对运营效果进行改善,比较适合技术人员充电。

五、后记

整个过程都是一个人完成的,对于小项目尚能如此,稍微大些的就需要考虑到协作问题。改天会就中小型团队协作的过程,以及用到的一些提高效能的工具进行分享。

另外,这个小产品,我会接着做下去。成,或者不成,过几个月我再回来把整个过程复盘,把中间的迭代、运营、推广等环节分享出来,希望能对你有所帮助。

互联网·资讯
  • 投影幕布尺寸表,投影幕尺寸怎么计算,110寸幕布尺寸对照表

    投影幕布尺寸表,投影幕尺寸怎么计算,110寸幕布尺寸对照表

    如今,人们对于家庭影院影音产品以及定制安装的需求越来越多,家用高清投影机就受到了追捧,当然,为了充分发挥投影机的性能,选择一款适合的投影幕也是必不可少的。选购投影幕的过程中,有必要了解投影机的投影距离,以便更好确定投影屏幕的尺寸。一、幕布比例的选择幕布有多种画面格式,如4:3、16:9等,您可根据使用的用途需要选择,特殊规格可按客户要求订制。其实现在对于幕布比例的选择已经不再重要,因为从视频信号来

    2022-05-28 17:39:49互联网

    阅读更多
  • 平面图制作,平面图怎么做,三分钟教你学会制作平面图

    平面图制作,平面图怎么做,三分钟教你学会制作平面图

    学习CAD制图很难吗?其实认真点学,一个月就能掌握了,学会了只能算得上是制图员,而专业的设计师还要具备相关的专业技能。学习室内设计是一项不错的工作,下面由专业的设计师,通过7个步骤就能教会你,简单的绘制出室内平面图,想学习的来看看吧!一、准备工具名称:迅捷CAD编辑器专业版设计并绘制CAD图纸,首先大脑里要有一个初步的构思,然后再选择一款专业的制图工具,下面教大家如何免费获取这款CAD编辑器。二、

    2022-05-28 16:42:56互联网

    阅读更多
  • 电气四虎,电气工程及其自动化专业大学最新排名,你知道这电气四虎吗

    电气四虎,电气工程及其自动化专业大学最新排名,你知道这电气四虎吗

    电气工程是一个典型的工科学科,国家在推进高新技术发展的过程当中,电气工程下属的各个分支专业的应用都非常广泛。所以电气工程相关专业的毕业生就业的前景都是非常不错的。特别是一些名校的毕业生,毕业月薪在8000元以上是很正常的事情。当然,电气工程也是一门非常难学的学科,因为电气工程涉及电力电子技术,计算机技术,电机电器技术信息与网络控制技术,机电一体化技术等诸多领域。因此课程十分庞大而且复杂,难度也是相

    2022-05-28 16:04:31互联网

    阅读更多
  • 表格合并居中快捷键,excel快速合并居中快捷键是什么(手把手教你合并单元格)

    表格合并居中快捷键,excel快速合并居中快捷键是什么(手把手教你合并单元格)

    我们在工作中,遇到相同值进行合并单元格,数据较少的话,手动弄一下就可以了,如果有几百个单元格需要合并,那么就需要掌握方法了。第一步首先将相同部门都放在一起,然后单击表格任意一个单元格,接着点击【数据】选项卡,在分级显示中选择【分类汇总】。打开分类汇总的窗口,将分类字段选择为“部门”;汇总方式默认即可;选定汇总项勾选为“部分”,再点击【确定】。第二步下面我们选择分类汇总的第三级,然后选中部门下方的数

    2022-05-28 15:04:39互联网

    阅读更多
  • cpd是什么意思,网络用语cpd是什么意思(cpd广告形式及计费标准)

    cpd是什么意思,网络用语cpd是什么意思(cpd广告形式及计费标准)

    互联网行业关于广告的知识,可以说网络发展今天,经历了从最早的短信到现在的广告形式,广告都在发生巨大的变化,出现了CPM、CPC、CPD、CPS、CPR、CPA、CPL、CPV、CPT等众多广告形式。其中尤以CPM,CPC最多,那么这些代码到底是什么意思?1、CPM:mille,按照曝光计费;92、CPC:click,按照点击计费;3、CPD:download,按照下载计费;4、CPS:sale,按

    2022-05-28 14:13:04互联网

    阅读更多
  • 耳机降噪原理,耳机降噪原理分析(2020年56款降噪耳机性能对比)

    耳机降噪原理,耳机降噪原理分析(2020年56款降噪耳机性能对比)

    1、为什么要买降噪耳机呢?先看看使用场景:在上班、出差的路上,戴上降噪耳机可以大大降低汽车、飞机引擎的轰鸣声,享受旅途中安静的睡眠;或者开启降噪耳机可以用较小的声音欣赏音乐、看电影(如果没有降噪耳机,听音乐需要开很大声音来盖过汽车、飞机的引擎声,长时间大音量势必损伤听力)。吵闹的办公室,戴上降噪耳机即可享受一段安静的午休时光,整个世界突然的安静,工作效率也变高了。大学宿舍,室友玩游戏的声音、打电话

    2022-05-28 13:43:43互联网

    阅读更多
  • 苹果手机悬浮球,苹果手机上的悬浮球怎么设置(5步开启悬浮球)

    苹果手机悬浮球,苹果手机上的悬浮球怎么设置(5步开启悬浮球)

    苹果手机开启悬浮球之后很多功能就不用再以按键的形式来执行了,悬浮球里有选项点击可以代替按键,可以缓冲旁边按键的压力。今天,我们来谈一下苹果手机是如何开启悬浮球的。第一步,打开手机,找到手机的设置,如图所示。第二步,在设置页的下方点击辅助功能,如图所示。第三步,点击触控选项,有个手指向的图形,如图所示第四步,在触控里面我们看到最上面那一项,辅助触控是关闭的。如图第五步,点击辅助触控右边的开关,打开辅

    2022-05-28 13:06:35互联网

    阅读更多
  • 爱奇艺电视版叫什么,爱奇艺电视app叫什么名字,最新版爱奇艺TV版下载

    爱奇艺电视版叫什么,爱奇艺电视app叫什么名字,最新版爱奇艺TV版下载

    在电视盒子市场,爱奇艺电视果一直是个“另类”的存在,就拿前不久发布的电视果4K来说,别看体积不大,却可以让各个视频平台的内容轻松投到电视上观看,甚至还支持4K片源的投屏,展现“以小博大”的气势。而我们今天要说的是刚刚发布的电视果4G,这款产品同样也是带来十足的惊喜。之前发布的电视果4K最高支持4K超高清输出,这次发布的电视果4G也很容易理解,它将4G网络与人工智能投屏融合,插入手机SIM卡即可通过

    2022-05-28 12:44:51互联网

    阅读更多
  • 简短自我介绍兴趣爱好,兴趣爱好怎么写,简短自我介绍兴趣爱好

    简短自我介绍兴趣爱好,兴趣爱好怎么写,简短自我介绍兴趣爱好

    这可能是每个写简历的同学都会有的疑问:简历里的兴趣爱好到底该怎么写?怎么把简历上的兴趣爱好变成你的加分项?以下是编辑部给你的建议:1.适当美化,包装要学会巧妙运用表达方法,让兴趣爱好的描述具体、并且吸引人。举个栗子:如果你喜欢阅读:第一种写法:喜欢阅读第二种写法:阅读(500+社科类书籍)”或“喜欢互联网资讯阅读(2015年至今,关注5+运营相关公众号及网站,坚持每日阅读,每周总结,至今已形成近3

    2022-05-28 11:39:52互联网

    阅读更多
  • 美团属于哪个公司,美团属于哪个公司旗下的,饿了么vs美团骑手待遇

    美团属于哪个公司,美团属于哪个公司旗下的,饿了么vs美团骑手待遇

    出生于1979年的王兴,很早就创业了,2004年他就开始和同学一块儿创业,2005年推出了校内网;2007年,他又创办了饭否网——这是中国最早的类似Twitter的网站;2010年,他又创办了美团网。校内网、饭否网在王兴的创业路上都留下了遗憾,没有获得圆满的结局。到了美团网,这家从5000余家团购网站中杀出一条血路的公司,已经成为目前最受关注的创业公司之一。2014年7月,美团网月交易额已经突破3

    2022-05-28 10:59:05互联网

    阅读更多