小程序页面构造器 – 5分钟快速开始

本指南面向普通商家，假设你已有 WordPress 网站和微信小程序账号。

第一步：安装 WordPress 插件（2分钟）

1.1 上传插件

1. 登录你的 WordPress 后台
2. 进入 插件 → 安装插件 → 上传插件
3. 上传 plugin/zm-coffee-api.zip
4. 点击 立即安装

1.2 启用插件

1. 点击 启用插件
2. 在左侧菜单找到 咖啡小程序

1.3 配置基础设置

1. 进入 基础设置
2. 填写：
   • API 域名：你的 WordPress 网站域名（必须是 https://）
   • 小程序 AppID：你的小程序 AppID

第二步：配置微信小程序（2分钟）

2.1 下载微信开发者工具

下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2.2 导入项目

1. 打开微信开发者工具
2. 点击 导入项目
3. 选择 uniapp/dist/build/mp-weixin 文件夹
4. 填写 AppID
5. 点击 确定

2.3 修改 API 地址

1. 打开 utils/config.ts 文件
2. 修改 API_BASE_URL 为你的 WordPress 网站地址：

   export const API_BASE_URL = 'https://你的域名/wp-json/zm-coffee-api/v1'
   

   
   

2.4 上传体验版测试

1. 点击 编译
2. 确保无报错
3. 点击 上传
4. 填写版本号（如 1.0.0）

第三步：预览效果（1分钟）

3.1 微信小程序后台

1. 登录 https://mp.weixin.qq.com/
2. 进入 管理 → 版本管理
3. 找到刚上传的版本
4. 点击 体验版 二维码

3.2 扫码预览

1. 用微信扫描二维码
2. 查看效果

恭喜！已完成基础配置！

接下来你可以：

• 📝 进入后台配置页面 – 学习如何添加修改页面
• 🎨 自定义页面样式 – 修改文字、图片、颜色
• 🚀 提交审核发布 – 让更多用户使用你的小程序

遇到问题？

查看 常见问题 或检查：

• WordPress 是否有 HTTPS 证书
• 插件是否正确启用
• API 地址是否填写正确