昨天文章已经讲解如何申请、备案、认证一个微信小程序账号,今天正式讲解零代码实现小程序开发。一、开发工具
1、微信开发者工具
这是微信官方提供的小程序开发工具,完全免费。下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
下载后进行安装,全部“下一步”即可。安装后,用小程序管理员微信账号扫码登录2、字节的Trae
下载地址:https://www.trae.cn/下载后全部“下一步”,选择个人账户登录即可,该工具是免费的。该工具角色:利用内置大模型将大白话需求转写成代码。二、核心提示词
帮我做一个微信小程序。功能是【一句话说清楚做什么】。用户打开小程序后看到【首页是什么样的】,可以进行以下操作:【操作1】、【操作2】、【操作3】。数据存储在本地。界面风格要求【简洁/活泼/商务/其他】,主色调用【蓝色/绿色/红色/其他】。我的微信小程序账号的appID是:wxdXXXX。
三、开发过程
1、新建项目目录
在本地磁盘中,选定一个目录,新建文件夹,名称命名为英文名称的项目名,比如PocketPoetry。2、在trae中开发
在trae中,“文件”——>"打开文件夹",选择PocketPoetry文件夹,在如下弹框中选择“是,我信任此作者”打开该小程序项目。solo模式的界面如图所示,左侧是与ai对话的任务列表,同时可以开启多个ai对话任务,中间是与ai对话帮我做一个微信小程序。功能是【帮助用户随时投掷经典骰子和趣味骰子】。用户打开小程序后看到【经典标准点数骰子投掷功能,可以切换多骰子投掷】,可以进行以下操作:1、经典骰子:用户可以投掷一个骰子,也可以投掷多个骰子。2、趣味骰子:包含色彩骰子、真心话骰子、大冒险骰子、趣味惩罚骰子、美食选择骰子、情侣互动骰子等,用户可以根据需要选择不同的骰子。3、自定义万能骰子:(1)用户可自主定制骰子六面全部内容,可自定义文字、颜色、图片。(2)支持为自制骰子自定义名称,便于用户区分不同用途的自定义骰子。(3)2.接入微信官方内容安全检测接口,对用户上传的文字、图片素材进行实时智能审核,自动拦截色情、暴力、辱骂、敏感政治等违规内容,并弹窗提示审核失败原因,从源头规避内容违规风险。(4)4.快捷模板套用:内置空白模板、通用决策模板、团建专用模板三类基础模板,用户可直接套用模板并微调内容,快速生成专属骰子。数据存储在本地。界面风格要求【简洁】,主色调用【浅蓝】。我的微信小程序账号的appID是:wxdXXXX。
3、在微信开发者工具中调试
在trae中生成后,在微信开发者工具中,点击“+”,「目录」选到创建的英文项目名目录,会自动识别项目名称和AppID,「开发模式」选择“小程序”,点击「创建」按钮进入项目。如果程序没有问题,右侧会自动预览出来,如果在trae中修改了代码,也可以点击右上角的刷新按钮(红框起来的图标)进行刷新预览。4、调试
如果预览有问题,可以把开发者工具中的Console窗口错误直接截图或者复制,粘贴到Trae的AI对话窗口,AI就能自动修复。四、发布上线
调试好以后,在开发者工具中点击「上传」按钮,填写版本号(格式X.X.X)和版本说明(按照实际修改说明填写),点击上传。上传后,在小程序管理后台「版本管理」就可以看到提交记录了,可以用手机扫码体验,如果没问题,点击「提交审核」,等待审核通过,在「审核版本」中点击“发布”即可。至此,我们的小程序就正式上线啦!