欧易

欧易(OKX)

国内用户最喜爱的合约交易所

火币

火币(HTX )

全球知名的比特币交易所

币安

币安(Binance)

全球用户最多的交易所

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

时间:2022-10-09 14:59:11 | 浏览:5503

要做小程序?工具助手帮你你一天就完成,笔者在此分享了16小时完成一个完整小程序的经验,内有包括思路、准备到代码阶段的展示。随着各种工具/轮子越来越多,做程序员可以说是越来越潇洒,真真的吃着火锅唱着歌,闲了调调BUG。今天要分享的是一套完整的

要做小程序?工具助手帮你你一天就完成,笔者在此分享了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 协议

相关资讯

《2021年度小程序互联网发展白皮书》4.5亿+DAU小程序的6大发展趋势

2022 年 1 月 17 日,阿拉丁研究院正式发布《2021 年度小程序互联网发展白皮书》。据白皮书统计,微信小程序开发者突破 300 万,DAU 超过 4.5 亿;日均使用次数同比增长 32%,活跃小程序则增长 41%;视频号直播带货

微信小程序怎么开通?微信小程序怎么申请?你知道吗?

相较于APP而言,微信小程序因其轻量性特点,以及自带微信流量的天然优势,更容易让用户接受,也更利于培养用户的使用习惯,再加上可以和其他微信应用相互关联应用,可以说是商家线上营销的首选。那如何开通微信小程序呢?今天芝麻给大家整理分享一下详细的

微信商城小程序如何制作,简单几步做小程序,分分钟学会

商城小程序已经被广泛应用到电商行业,企业、个体户一键套用乔拓云的商城模板,分分钟开发自己的商城系统,一点也不难,下面我将用简单的步骤演示,通过模板,快速开发商城的过程。大家可以花一分钟时间过一下。1、打开乔拓云的商城后台管理页面,选择要做的

小程序是什么,开发小程序都有哪些作用

为什么是小程序?张小龙曾经说过,小程序就是不需要下载安装就可以直接使用的应用,从现在的使用情况来看,小程序实现了触手可及的使用体验,用户扫一扫或者通过搜索就可以打开小程序应用,小程序也正是由于用完就走的优势,也让用户不担心需要安装太多应用

什么是微信小程序?微信小程序能干嘛?

很多商家咨询的时候第一句话都是:“什么是微信小程序啊,微信小程序能干嘛?”能在上面发布产品吗,能直接购买吗,能分享朋友圈吗,需要用户下载吗?总之各种问题,下面我们就来回答回答这些问题吧。一、我们先来回答什么是微信小程序。微信小程序其实就是一

微信小程序诞生两周年,回顾小程序兴衰历程

本文将通过列举小程序两周年各领域的数据,来尝试分析小程序行业与生态的变化,一起来看看~2017年1月9日,是iPhone诞生的十周年,为了向乔布斯致敬,张小龙选在这天发布了“小程序”,自发布伊始小程序就备受瞩目,赞赏与唱衰的声音不绝于耳。然

微信如何清除小程序微信小程序删除步骤分享

微信中内置了许多使用且有趣的小程序,能够为用户增加使用体验感。但有些小程序我们已经不用了,想要只保留我们经常使用的小程序,那该怎么删除呢?一起往下看看吧!微信小程序删除步骤分享1、首先我们需要更新到最新的微信版本,然后打开微信,在微信的首页

不用微信也能运行小程序,微信小程序硬件框架和App有啥不同

1月9日,在2020微信公开课PRO活动现场,微信团队宣布:微信小程序硬件框架WMPF正式上线,小程序能脱离微信在手机之外的终端运行。微信小程序硬件框架(Wechat Mini-Program Framework),又称WMPF,是一套运行

微信我的小程序在哪里我的小程序入口怎么找

[闽南网]微信小程序的功能上线以来很受用户的喜欢,小程序的种类很多,玩家可以将喜欢的小程序添加到我的小程序中,方便查找,那微信我的小程序在哪里,我的小程序怎么找,西西小编来为大家介绍。微信我的小程序在哪里大家可以通过下拉的动作,拉出任务栏,

微信小程序排行榜出炉,用户最爱的小程序果然是它!

2017-08-14 10:31:54 作者:马荣微信在今年高调推出小程序接口,时隔数月,微信小程序到底发展的如何呢?阿拉丁数据统计平台在日前发布了第一份小程序TOP100榜单。据悉,这份榜单的背后收录了超过10000个小程序,这也是目前大

微信小程序是什么?微信小程序商城系统有哪些好处?

这几年流行的微信小程序是什么呢?它是不需要你去下载和安装的,只要用完就能马上走。如今微信也是在不断去开放很多种功能,也是让企业去开发带来了新的机会,可是商家又要怎样去抓住它带来的巨大流量红利呢?其实,微信小程序分销商城系统去通过分销体系就能

支付宝新增小程序入口,但这5个口碑极好的微信小程序,不能错过

2019年1月7日,支付宝新增了小程序入口,用户只需要更新到最新版本后,下拉支付宝腰封的位置就能唤出收藏栏、直接启用小程序服务。支付宝的小程序更多地是与线下场景相结合,而相对于微信的小程序,更多地是在线上与用户进行互动,可以不用下载安装,用

5个非常实用的微信小程序,黑科技满满,请低调使用

5个非常实用的微信小程序,黑科技满满,请低调使用都知道微信上有非常好用的小程序,而且不占手机内存。这里就来分享5个非常实用的微信小程序,黑科技满满,请低调使用。1、企鹅急救企鹅急救是腾讯上线的应急救援小程序,里面有很多应急指导,比如:抽搐、

6个好用到舍不得分享的微信小程序,免费且实用,请低调使用

6个好用到舍不得分享的微信小程序,免费且实用,请低调使用微信上有很多好用的小程序,只不过你可能还不知道。这里就来分享6个好用到舍不得分享的微信小程序,免费且实用,请你低调收藏且使用。1、热点小黄历很好用的一款运营日历,在这里可以看到每天的热

50个微信小程序,用过的都说好,真的巨好用鸭

友情链接

网址导航 SEO域名抢注宝宝起名网妈妈知道币圈天门山旅游网长城坦克评测网香格里拉旅游网暑假工招聘网西藏旅游网零跑汽车港股行情鼓浪屿旅游网虎跳峡旅游攻略夏普电视评测网今日驻马店生肖兔运势网莫干山旅游攻略梧州新闻资讯网商标注册查询官网于氏取名宝典
小程序游戏开发网-微信小游戏定制、小游戏制作软件、微信小程序游戏破解器软件、微信小程序游戏辅助器、微信小程序传奇游戏开挂神器、手机游戏app开发制作、3D游戏制作软件、微信小程序传奇游戏排行榜、微信小程序手游排行榜、微信小游戏开发最全系列教程。
小程序游戏开发网 shidaifu.cn ©2022-2028版权所有