当前位置:首页 > 每日看点

如何做一个微信的小程序?

卡卷网1年前 (2025-04-17)每日看点223

借助 AI,完全没有开发基础的人,10 分钟就可以开发一个图片工具小程序了。

AI 的发展真的是每天都不一样,不同编程语言之间的壁垒还是很大的,就算一个资深程序员,想要学习另外一门语言,没有一个月也很难说能直接上手做产品开发。

更何况,完全不懂开发的人,要从零开始学习到开发出一个产品,在培训机构学习也至少要三个月的时间,学成之后的水平那也是一言难尽。

借助 AI,完全不懂(小程序)开发的人,一个简单的小程序,10 分钟也能直接开发完成了。

最近刚好接了一个小程序商单,为了验证我这样一个完全没有搞过小程序开发的人能不能 hold 住,我用 AI 花了 10 分钟就开发出来了一个图片压缩小程序。

给大家看看效果,是不是还可以。

如何做一个微信的小程序?  第1张

如何做一个微信的小程序?  第2张

这里一步一步分享给大家:

第一步,本地新建一个空的文件夹,用于存放小程序代码

这一步,不用多说了吧,不会的后台找我,手把手教,手动狗头。

第二步,确认小程序需求

1、你是一名经验丰富的互联网小程序开发工程师,熟练掌握小程序开发相关技能,同时熟悉小程序的 UI 界面设计。

2、我需要一个页面,页面有个上传图片的入口,点击上传即可从相册中选择图片,对于上传的图片要有个压缩图片的功能,压缩后的图片可以保存下载;同时,会展示压缩后的图片,这样可以和原图进行对比。

3、微信小程序的 AppId 是 XXX (提前申请好的小程序 AppId)。

AppId 可以使用正式的 AppId,需要在小程序后台申请。

申请地址:mp.weixin.qq.com/wxopen

如果只是自己测试用,直接选择测试号即可。

如何做一个微信的小程序?  第3张

第三步,打开 cursor,创建 readme.md 需求说明文档

复制第二步的内容,粘贴到 readme.md 文档中。

如何做一个微信的小程序?  第4张

第四步,用 cursor 根据需求文档编写小程序代码

选择上一步创建的 readme.md 文件,右键 Add File to Cursor Chat,输入提示词:根据文档里的要求编写代码

如何做一个微信的小程序?  第5张

中间可能会要求我们手动执行命令,创建文件夹,我们点击 Run command 即可。

如何做一个微信的小程序?  第6张

等待 Cursor 执行完毕,我们能看到readme.md 文档同级下自动创建了这些文件。

如何做一个微信的小程序?  第7张

第五步,使用微信开发者助手打开文件夹,点击预览

如果用的测试 AppId,在刚才的微信开发者助手界面中,点击右下角的创建按钮。

打开之后就能看到这样一个页面,左侧是小程序预览界面,右侧是编辑区,我们直接使用手机预览看下效果,选择预览-自动预览-启动手机端预览。

之后关联的微信账号会自动打开这个小程序。

进来之后,这个界面很丑哈,大家不要慌,先看看功能好不好使。

如何做一个微信的小程序?  第8张

点击“选择图片”,从相册选择一张图片,我们能看到压缩后的效果以及压缩比例。

如何做一个微信的小程序?  第9张

点击”保存压缩后的图片“,确认压缩后的图片确实保存到相册中了。

至此,这个小程序就已经开发完成了,已经可以用了,功能上没有问题,完全满足我们的要求,一次通过,一个 bug 都没有。

不过这里会有一个小小的问题,这个界面很丑,能不能让 AI 帮我们优化一下呢?

大家可以去试试看~

看到这里,大家发现没。以前门槛很高的开发工作,现在会打字就能实现了。

善用 AI 能力,尤其是哪些善于挖掘用户需求,但是没有编程能力的人,AI 绝对是福音,能帮助你快速实现自己的想法,快速赚到钱。

@伍六七AI编程

扫描二维码推送至手机访问。

版权声明:本文由卡卷网发布,如需转载请注明出处。

本文链接:https://www.kajuan.net/ttnews/2025/04/12593.html

分享给朋友:

相关文章

小米14和华为mate60怎么选?

手持荣耀20,用了五年多了,使用仍然较为流畅,但是电池不太行了,于是2024年8月在家乡的小米之家购买了小米14(12+256),用了快两个月吧,说说使用体验。 外观层面,由于我使用的荣耀20放在现在妥妥地属于小屏,习惯了小屏,遂购买小米1…

有哪些网站,一旦知道,你就离不开了?

有哪些网站,一旦知道,你就离不开了?

这六个网站,一旦用过,基本上是离不开了。都是我超爱的一些网站,基本上每天都用。 1 地图生成器 第一个,我要给大家推荐的是地图生成器。可以下载到各省,各市,各县的svg格式的地图素材。 这些素材导入PPT中都是可以编辑的。 可以单独更改颜色…

都是前端框架,为什么用 React 的人会有优越感?

都是前端框架,为什么用 React 的人会有优越感?

上家公司一直搞react,最近第一次写个vue3项目。 老板朋友来了看了下页面说:这用vue写的吧。 我:是... 老板朋友:一看就知道是vue做的。 这tm你看一眼页面就知道用的啥框架? 这感觉就是,我一直用苹果,偶尔用了下华为打电话,有…

想学习Linux下的ELF文件有什么好书推荐吗?

想学习Linux下的ELF文件有什么好书推荐吗?

大家好,这里是物联网心球。 今天我们来聊聊ELF文件,了解一下Linux如何创建进程以及ELF文件如何转变成Linux进程? 1.什么是ELF文件? ELF(Executable and Linkable Format)文件是一种目标文件格…

是什么原因让你一定要用 iPhone?

是什么原因让你一定要用 iPhone?

1、不用清理内存,iPhone真的可以开机用上一年,你根本不用关注期间打开过什么软件。 2、支持的频段足够多,天天在国内走动倒是无所谓,很多Android手机一旦出去了,就会发现很多运营商接入都是问题,更不用说各种本土化的服务了。 3、…

网易云音乐中你见过最搞笑的评论是什么?

网易云音乐中你见过最搞笑的评论是什么?

1. 上个月把家里wifi名字改成了“隔壁老王”,不久就发现附近有一个wifi叫“老王你好”,我果断又把wifi名字改成“你一个人吗”……就这样改着wifi名字我们硬是聊了一个月,今晚对方wifi改成了“老公已出差”。 ——出自网易云音乐《…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。