首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

教你用AI,30分钟写一个微信小程序

前段时间给大家分享AI写App和网站,非常地受欢迎。

然后还有读者留言,如何用AI写小程序。

于是出一个AI写小程序的教程。AI写小程序非常简单,一些简单的工具小程序30分钟就能搞定,写好,并且测试好。

首先分享下技术方案的选择,选用第三方微信小程序框架:Uniapp,为什么选择他,因为Uniapp可以跨平台,代码不仅可以生成小程序,还可以生成Android和iOS App。

以最近刚写的一个小程序:高情商聊天回复 为例,给大家分享下AI写小程序流程。

1、创建Uniapp项目

软件下载地址:https://uniapp.dcloud.net.cn/

在软件 HBuiderX中,文件- 新建-项目,创建一个默认模板项目。

2、在Cursor或者Trae中AI编写代码

在Cursor中打开创建好的项目,选择Composer模式,AI就能直接写代码,在兑换框输入需求就行。

分享下我这个小程序用的提示词:

基于框架uniapp,写一个微信小程序:高情商聊天回复。帮用户高情商接话回复。界面做得好看高级些。

1、回复字数选项:10、30、50、80、100、200。默认选中30。

2、聊天上文,用户输入。

3、生成回复 按钮,点击后跳转到 聊天回复 显示页面。

4、聊天回复页面,显示生成的回复,底部显示有一个复制按钮,点击复制文案。复制按钮左边是一个返回按钮。

等待AI生成代码之后,在HBuiderX中运行小程序。

3、运行小程序

在HBuiderX运行小程序模拟器,选择微信开发者工具。需要你提前安装微信官方的微信开发者工具。

微信开发者工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

小程序的效果就会在模拟器中直接显示出来。可以在模拟器中直接测试,如果遇到问题,直接在Cursor中和AI对话就能解决。

当你用熟练AI后,开发微信小程序就会变得非常轻松,很快就能写好一个自己的小程序了。

高情商聊天回复这个小程序也上线了,效果非常满意,我朋友体验后都觉得很有意思。

谢谢你的阅读和支持。你可以叫我:派派。我专注于分享一些很酷的AI人工智能干货!欢迎关注三连,一起探索AI未来派对的世界🪐。

  • 发表于:
  • 原文链接https://page.om.qq.com/page/OP3K4shMsiGU1pMB4u2FmZaw0
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券