在AI技术飞速发展的今天,编程领域也迎来了重大变革。本文作者通过亲身实践,仅用两小时就借助Cursor开发了一款查八字的微信小程序,从需求分析到最终上线,全程记录并详细分享了开发过程中的每一个步骤和心得,希望能帮到大家。
虽说是 2 小时,但也是凭借我多年的编程经验,给了 Cursor 一堆的提示,才有的结果。
所以,接下来,我会带你沉浸式感受下我这 2 个小时的历程,全程记录,做到无死角输出,让任何一个无编程经验的小白也能轻松复刻。
并且全程提示词及纠错过程都将会展现。讲真,开发 2 小时,写教程一天,不是瞎说的
。
文章会同步更新到我的AI 开源知识库,记得收藏!
全文 11353 字,51 张图,如果喜欢,不妨赏赐个赞
。
忘记了,我是在 Cursor 中开发,不想复制来复制去,麻烦,那直接都去 Cursor 操作吧。
首先在 Cursor 中得有个空白的项目吧。
好,在 Cursor 中新建一个一个项目。就叫 wechat-mini 吧。
有问题,提需求,继续让他生成。
1、整体背景并没有按照我给的图片做底图背景
2、右上角多了一个视频样式的图标,要去掉
3、结果展示页中底部那个是广告展示页,前期先不放广告,合理布局。 请重新按照要求生成。
经过调整,以及将垫图直接放在文件目录下并命名为:background. jpg
这里因为给了参考的图片且是截图的,难免会有些不准,也可以直接让 AI 不参考。
这是最终的效果:
该说不说,还是很详细了。
接下来是创建前端项目结构。同样点击继续。
后端代码编写好后,他会停下来,接下来,你只需要继续提示:
请帮我继续完善前端代码,要求与后端能顺利的通信
一步步看着他全自动帮我生成好了。
呕吼,报错了。
没关系,回到 Cursor 让他改。
后来我发现在 idea 中还是太多问题,直接在 Cursor 中让他自己改好吧。
自己一顿操作修改终于好了。(中途我一顿确认和点击,虽然全程没写代码,但我指挥的可不算少了
)
这里后端有些调整 Cursor 还不大完美,我直接 idea 中看完后给他调整。这里会给到 Cursor 一些小的提示,让他少走弯路,发现下来,对后台代码的整体把控能力还是差了些。
联调的过程大概花费 15 分钟。
09 小程序调试前后端代码都写完了,接下来需要用到一个工具:打开微信开发者工具。
直接搜索就可以下载,使用也非常简单,都是中文,下载完了后打开工具。
选择导入项目:
计算失败了:
没关系,看下报错原因:
本地调试,域名校验这个先关了:
可以看到,正常请求,且正常返回数据:
会出现二维码:
但是因为本地的服务没有发布到线上,所以就没法使用服务,要服务上线。
不过功能已经通了。
所以需要上线服务。上线的意思就是将自己本地的服务发布到服务器,当然你也可以本地跑,但是需要将域名暴露出去,且要经过 SSL 验证,
不管他,我先在服务器中跑吧:
需要配置微信小程序的可信域名:
在小程序后台——开发与服务-开发管理-服务器域名,配置自己的域名。
如果没有域名,要申请 备案,这是一个很麻烦的过程,所以对小白并不友好,因为有前后端的交互,这一步不能少,如果是纯前端代码就无需这一步。
现在需要将小程序链接域名修改为线上的域名,直接让他改,提示词:
我现在已经将后端服务部署在了我的服务器,域名是XXX,端口号改为了XXX,请帮我前端改下配置,让他连接线上环境.要求本地环境和线上环境区分开来
报了一个错,跨域啦,直接丢给 Cursor
直接帮我解决好:
重新打包,重新部署后端服务看看。
又遇到一个 https 的错误,需要有一个 https 的域名,然后指向自己的服务,
这里花了一点时间。
手机再预览看看效果:
这里特别注意:要想直接预览,需要配置 https 证书,且在后台配置域名,这里需要配置子域名,不能配置顶级域名。
这一步还挺花费时间的,预计 20 分钟,当然如果没有编程经验,时间就更不好说了。
一切已经 OK 了,在手机上也能正常预览,接下来就只需要发布上线了,不过这个时候可以用体验版给大家演示使用。
上面所有步骤加起来耗时大概是这样的:30 40 15 15 20=120 分钟=2 小时。大家可以自行感受一下。
现在已经可以体验啦,不过需要开通体验权限,你可以点击文末阅读原文加入体验哦。
11. 发布上线根据工信部于 2023 年 8 月发布的《关于加强移动互联网应用程序备案管理工作的通知》,对于未上架的微信小程序,自 2023 年 9 月 1 日起,必须在提交上线审核前完成备案,否则无法通过审核;
这一部分就先不哔哔了,发现已经 1 万 3 千多字了,肝不动了,小命要紧,下次再更。
不过一顿体验下来,有惊喜也有失望。
惊喜的是,我真的全称没写一行代码2小时就快速开发了一个小程序,要知道,换做以前,不敢想象的。
失望的是,目前体验来看,AI写出的前端代码还OK,但后端技术就不大行了,也可能是后端需要更复杂的逻辑,所以提示词要更精准一些。
在整个过程中,写代码其实花了也就半小时,但更多的时间都是用来解决这货产生的bug,哈哈哈,所以得出一个结论。
目前的 AI 编程确实还只是实习生水平。
不过,这已经很惊艳了,人人都能开发应用的时代很快就会到来,这一天,你期待吗?
本文由人人都是产品经理作者【苍何】,微信公众号:【苍何】,原创/授权 发布于人人都是产品经理,未经许可,禁止转载。
题图来自Unsplash,基于 CC0 协议。
猜你喜欢