AI落地社
开通会员登录
返回知识库
总览 · AI编程蓝皮书2.0

Part6：微信小程序

AI书籍

01 做一个简单的微信小程序 我们这一节，和大家说一下简单的小工具开发，帮助大家上手微信小程序，后面可以使用Trae来继续深入做更多你想做的产品。 开发微信小程序的准备工作 这里有两个前置准备： 1. 注册一个微信小程序账号 2. 下载微信开发者工具 注册微信小程序账号 https://mp.weixin.qq.com/cgi bin/wx 图片展示的是微信 addCriterion微信小程序注册页面。页面上方有“微信公众号平台”和“…

更新于 2026-10-23 07:00:25 · 作者 AI落地社

你将获得

  • 学习：开篇：作者的话与更新说明
  • 学习：全文知识目录
  • 学习：Part1：基础知识
  • 学习：Part2：使用AI IDE作为你的个人工作台
  • 学习：Part3：网页开发
  • 学习：Part4：多维表格

内容大纲

  1. 开篇：作者的话与更新说明
  2. 全文知识目录
  3. Part1：基础知识
  4. Part2：使用AI IDE作为你的个人工作台
  5. Part3：网页开发
  6. Part4：多维表格
  7. Part5：浏览器插件
  8. Part6：微信小程序
  9. Part7：基于扣子搭建产品
  10. Part8：部署
  11. 降噪AI（微信服务号）
  12. 做一款App
  13. 末尾（有社群）
  14. 附录：使用 Windsurf 开发一款 iOS App（日更）

相关内容

正文预览

01 做一个简单的微信小程序

我们这一节，和大家说一下简单的小工具开发，帮助大家上手微信小程序，后面可以使用Trae来继续深入做更多你想做的产品。

开发微信小程序的准备工作

这里有两个前置准备：

  1. 注册一个微信小程序账号
  2. 下载微信开发者工具

注册微信小程序账号

https://mp.weixin.qq.com/cgi-bin/wx

图片展示的是微信 addCriterion微信小程序注册页面。页面上方有“微信公众号平台”和“小程序”选项。中间部分有“微信小程序”介绍，称其为一种轻量级开放能力，可 addCriterion开发者可快速 addCriterion快速开发小程序。下方有“创建主体”按钮，用红色框突出显示。底部有“开放注册范围”图标，包括个人、企业、政府、媒体、其他组织等类型。该图片与上文介绍的微信小程序注册流程相关，展示了注册页面的界面情况。

点击“前往注册”，进入到小程序注册页面：

图片展示的是微信小程序注册页面。页面中有“邮箱”“密码”“确认密码”等输入框，需填写邮箱、设置密码等信息。下方有一个绿色的“注册”按钮，还有用户协议相关勾选框。页面右侧有提示信息，针对已有账号用户和想了解更多信息的用户提供指引。该图片对应上文“注册一个微信小程序账号”中，点击“前往注册”后进入的小程序注册页面，展示了注册时的具体界面及所需填写内容。

填写你的邮箱，两次确认密码，会给你注册邮箱发一封激活邮件

图片显示的是小程序注册中的邮箱激活页面。页面上方显示“小程序注册”，并有步骤标识，当前处于“②邮箱激活”阶段。页面中间有邮件图标及“激活小程序账号”文字提示，下方说明注册邮件已发送至指定邮箱，需前往查看并激活账号，还有“登录邮箱”的绿色按钮。页面底部是未收到邮件时的解决提示。此图对应文档中注册微信小程序账号流程里，点击注册邮箱中激活链接后进入的页面内容，用于引导用户完成邮箱激活步骤。

打开邮件，点击激活链接后，会进入到具体的小程序注册页面：

图片展示的是微信小程序注册页面的用户信息登记部分。页面提示微信公众号致力于打造真实、合法、有序的互联网平台，要求用户确认信息。需填写注册国家/地区（中国大陆），并选择主体类型，其中“个人”类型被红色框突出显示。页面还列出账号能力、认证能力、支付能力等说明，以及“如何选择主体类型？”的详细说明。该图片与上文注册微信小程序账号的内容相关，直观呈现了注册页面中用户需填写和选择的部分信息。

这里你可以选“主体类型”，个人类型暂不支持微信认证、微信支付及高级接口能力。

再往下滑，有一些信息登记，填写就好了：

图片展示:image1@1x.png](http://ask.csdn

后面的流程，因为一个身份证只能申请5个小程序，黄叔的满了，所以展示不给大家演示了。

图片展示的是微信开发者工具中“小程序”界面下的“开发管理”页面。左侧导航栏中“开发管理”选项被红色框线突出显示。页面上方有“开发设置 addCriterion图片内容

咱们当前这一步的核心是拿到AppID。

下载微信开发者工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

图片展示的是微信官方文档 - 小程序页面，重点 自动生成的图片内容

大家可以选择稳定版进行下载

好的，下载完毕后，我们打开微信开发者工具，并扫码登录，可以看到下面的界面：

![图片展示的是微信开发者工具扫码登录后的界面。其中，项目名称为“miniprogram - 1”，目录为“/Users/superhuang/WeChatProjects/miniprogram -

会员专享

暂无权限 · 仅对 VIP 会员开放

开通会员解锁全文，添加客服老师微信

  • ✓网站会员全年访问全部会员内容
  • ✓Skills / 工作流源文件（百度网盘）
  • ✓资料下载与课程正文
  • ✓社群微信群入口（开通后联系客服）

已有卡密？去激活

已有账号？登录后开通更顺畅