微信小程序构造器 v0.0.1 使用说明

测试版本 | 发布日期：2026-04-27

一、文件说明

下载后会得到一个压缩包 zwechatbuilder_v0.0.1_2026-04-27.zip，解压后会得到一个文件夹：

zwechatbuilder_v0.0.1_2026-04-27/
├── app.js
├── app.json
├── app.wxss
├── config/
│   └── index.js          ← ⚠️ 必须修改这个文件
├── pages/
├── components/
├── ...
└── project.config.json

二、使用步骤

步骤1：解压文件

将 zwechatbuilder_v0.0.1_2026-04-27.zip 解压到任意位置。

步骤2：用微信开发者工具打开

1. 下载并安装 微信开发者工具
2. 打开微信开发者工具
3. 点击 导入项目
4. 选择刚才解压的文件夹路径
5. 填写你的小程序 AppID
6. 点击 确定

步骤3：修改 API 地址（重要！）

1. 在项目中找到并打开 config/index.js 文件

   
   

2. 找到 API_BASE_URL 这一行：

   
   

// 修改前（默认测试地址）
const API_BASE_URL = 'http://admin.aimall.com/wp-json/zm-coffee/v1'

// 修改后（填入你自己的 WordPress 站点地址）
const API_BASE_URL = 'https://你的域名.com/wp-json/zm-coffee/v1'

3. 注意事项：
   • 必须使用 HTTPS 地址
   • 域名必须已备案
   • 域名必须在微信小程序后台添加为合法域名
   • WordPress 站点必须安装并启用 智享咖啡小程序 API 插件

步骤4：编译测试

1. 修改保存后，微信开发者工具会自动编译
2. 确保底部控制台没有报错
3. 点击 编译 → 真机调试 测试效果

三、常见问题

Q: 提示 “api not in whitelist”

A: 需要在微信公众平台添加服务器域名：

• 登录 https://mp.weixin.qq.com/
• 开发 → 开发管理 → 开发设置
• 添加 request 合法域名：填入你的 WordPress 域名（必须是 HTTPS）

Q: 页面空白或加载失败

A:

1. 检查 config/index.js 中的 API 地址是否正确
2. 检查 WordPress 站点是否正常访问
3. 检查插件是否启用

Q: 图片不显示

A:

1. 检查图片 URL 是否是 HTTPS
2. 在小程序后台添加 downloadFile 合法域名

四、下一步

配置完成后，你可以：

1. 上传代码 → 微信开发者工具 → 上传 → 提交审核
2. 配置页面 → 在 WordPress 后台使用页面构造器创建小程序页面

技术支持

如有问题，请联系开发者。