『咸虾米壁纸』小程序:从0到1打造专属你的壁纸微信小程序_咸虾米ui
话不多说,先看下『咸虾米壁纸』的核心功能页面……




如上图所示,这是使用uniapp+uniCloud技术栈开发的微信小程序,经过多个版本的迭代,当前版本已实现理想的用户体验与界面效果,可以在微信小程序搜索『咸虾米壁纸』,欢迎搜索体验实际效果。
1.设计初衷
想给手机换个壁纸,从网上找的壁纸普遍存在分辨率低、存在水印等问题,小程序上找壁纸平台广告泛滥、分类混乱,严重影响用户体验,既然这样,那我干脆自己设计开发一个吧,这样按照自己的喜好划分分类,喜欢的壁纸分享出去还能被更多人下载使用,而且用户量起来之后还可以开通微信的流量主,靠广告收入补贴运营成本,说干就干。
2.技术栈
都2025年了,开发一款APP或者小程序相当简单,无论是界面设计还是代码编写,找到合适的AI工具,你只要有足够的想法点子,上线一款属于自己的产品还是比较简单的,在下面的介绍中也会重点介绍我用了哪些AI工具成为我的助理。
1)产品设计:
在整个项目流程中,我认为产品设计是最关键的环节,为什么这么说,因为我在公司就是做产品经理的😏,也是最容易背锅的岗位😂。
主要是因为产品要从基本功能、用户体验、模块划分、竞品差异化分析、核心亮点呈现方面都要做足功课,如果在产品规划阶段考虑不周全,不仅会导致后续界面设计和程序架构出现偏差,更会直接影响最终产品的市场表现。最后上线的产品好不好用,用户很少会关注你用什么代码实现的,但是用户会很主观的表达产品好不好用。
能做好产品最主要的是阅历(会抄袭),多看看同行的,再看看相关行业的,挖掘亮点搞好差异化。
要是一点想法都没有,deepseek启动看它能给出个什么点子。

2)界面设计:
UI设计师就是将产品经理画的原型图设计成真正的软件界面,至于产品经理给设计师的是一张潦草的便利贴,还是制作精良的交互原型图,那就看产品经理的水平或职权说服力了。

如果是个人开发者,不懂设计,可以直接使用国产的产品设计工具,如:即时设计、墨刀、蓝湖等,我最常使用的是即时设计,可以拖拽简单画画,从B站也能找到很多类似的教程,入手很容易,我觉得你要是做自己项目,简单的对产品进行勾勒策划一下,用一下这种原型工具还是很有必要的,我也做了一个简单即时设计使用的教程,没有什么太难的门槛。
原型设计工具里面也给通过了好多设计好的作品可以参考,如:即时设计的资源社区、墨刀的素材广场,提供了很多设计师的作品,可以直接导入到自己的画布中为自己项目所用。


3)前端开发:
前端选择使用uniapp而非原生的微信小程序开发,是因为uniapp是用vue的语法,入手习惯及生态插件完善,不但能打包微信小程序,还能打包其他厂家的小程序,以及APP或H5等项目。
个人感觉前端开发是整个环节中最容易的,为什么这么说那,因为产品和设计师已经把软件最终的样子策划出来了,只要没有特殊的功能,前端只需要将设计稿编译成前端代码即可,同样都是写代码,后端也比前端复杂,他要负责数据库设计、架构规划、性能优化等,而前端属于环节中的中间环节,只要做好承前启后这个前端岗位还是比较好做的,现在有AI工具后更容易了,用deepseek或者豆包,可以轻松给你编写复杂的工具函数,不知道大家认不认同我这个观点。
如果你不会使用uniapp开发项目,可以看我的教程,零基础入门uniapp Vue3组合式API版本,这个项目做的就是『咸虾米壁纸』项目,当然项目源码也已经开源到gitee仓库了,咸虾米壁纸开源仓库,已经有3K的star了,大家下载学习的话,记得给点个star哈。

4)后端开发:
很多前端小伙伴能自己搞定前面3步的工作,但是到了后端就无能为力了,其实你要是会前端开发的话,使用微信云开发或者uniCloud开发,完全是可以使用js的知识开发后端的,小项目完全没有必要使用Java或者Python,除非你本来就是做后端的,对你使用的后端语言非常熟悉不想再换别的后端语言了。
我这个项目用的是uniCloud开发的,为什么用它,因为使用JavaScript语法写代码、不需要租用服务器、不需要关注服务器运维及安全、可以按量计费不用不花钱非常省钱。
uniCloud的介绍我这里就不说了,我已经录制了免费的视频教程,可以学习一下,视频有详细的介绍,uniCloud云开发Vue3版本官方推荐用法。
假如,你看着我壁纸项目比较适合你,而且你也不懂开发,就是想运营一下自己的壁纸项目,可以使用我的一个前后端完整的项目代码,下载下来进行简单的部署,可以直接进行上线,快速部署上线前后端全栈咸虾米壁纸。

5)内容发布:
壁纸项目上线后,要想让更多的人使用你的项目,那么就必须有好的内容,那么内容去哪里找那,国内的可以去花瓣网、小红书、堆糖等去下载、国外可以去pexels、unsplash等都是免费下载的,当然也可以使用AI进行内容创作,比如既梦、可灵等。
『咸虾米壁纸』小程序中的AI美图模块,就是基本来自于既梦创作的。

3.注意事项
1)编写代码上没有使用cursor,一方面是因为收费,另一方面写的代码太过高级,想要扩展修改真的很难,所以我更喜欢自己写主要核心架构内容,让deepseek帮我写功能函数,让代码在我的可控范围内。
2)做壁纸会用到很多的网图,所以图片的版权需要你重点关注,第一黑名单:视觉中国,标注着这个的,千万不要用,战绩可查,其他有争议的图库网站也千万不要用,大家可以在评论区补充。
3)小程序上线建议使用个人身份认证,尽量不要使用企业认证,而且不要将壁纸项目改成vip收费的模式,这样就变成商业运营了,侵犯的风险很大。
4)小程序用户量>500后,可以开通流量主,每天会有点收益,好好通过抖音、小红书等推广自己的小程序平台。
5)最好能够标注图片来源,以及出现侵权后的反馈联系方式,如下图所示:求生欲很强。

最后
我的小程序是『咸虾米壁纸』,欢迎大家体验,如果有任何小程序开发问题,欢迎大家交流,一起进步!


