小程序演示地址：
小程序演示
💖 心动印象小程序 – 部署与配置图文教程
跟着步骤走，小白也能轻松上线自己的引流裂变神器！
1 搭建前的准备工作
在正式开始部署前，请确保您已经准备好以下资料：
- 已注册认证的微信小程序账号（获取 AppID 和 AppSecret）。
- 一台已安装 宝塔面板 的云服务器（推荐 CentOS 操作系统）。
- 一个已备案的域名，并且必须配置好 SSL证书（HTTPS）。
2 服务器后端部署 (宝塔面板)
2.1 创建站点与数据库：
登录宝塔面板，点击左侧【网站】->【添加站点】，绑定您的域名，并同时创建一个 MySQL 数据库（选择 PHP 7.3 或以上版本）。
2.2 上传后端代码：
进入网站根目录，将后端的 PHP 文件（如 api 文件夹内的文件）全部上传并解压。
2.3 修改数据库配置：
找到并编辑 db.php 文件，将里面的数据库信息替换为您刚才创建的数据库账号密码：
$host = ‘127.0.0.1’;
$db = ‘您在宝塔创建的数据库名’;
$user = ‘数据库用户名’;
$pass = ‘数据库密码’;
$db = ‘您在宝塔创建的数据库名’;
$user = ‘数据库用户名’;
$pass = ‘数据库密码’;
2.4 配置微信接口秘钥：
找到并编辑 login.php 文件，这关系到用户能否正常登录。请将里面的参数替换为您自己的小程序秘钥：
$appid = ‘在此处填写您的小程序 AppID’;
$secret = ‘在此处填写您的小程序 AppSecret’;
$secret = ‘在此处填写您的小程序 AppSecret’;
3 小程序前端配置 (微信开发者工具)
3.1 导入项目与修改 AppID：
打开【微信开发者工具】，点击导入项目。在导入界面，填写您自己小程序的 AppID（非常重要，如果用测试号将无法调起授权）。
3.2 修改后端接口域名 (核心！)：
在微信开发者工具中，打开根目录下的 app.js 文件，找到 globalData，将 baseUrl 修改为您刚刚搭建好的服务器域名：
globalData: {
openid: null,
baseUrl: ‘https://您的域名.com/api’ // 注意：必须是 https 开头！
}
openid: null,
baseUrl: ‘https://您的域名.com/api’ // 注意：必须是 https 开头！
}
⚠️ 常见问题排查：
如果前端出现“网络连接失败”或“空白页面”，请检查
如果前端出现“网络连接失败”或“空白页面”，请检查
baseUrl 是否少写了 /api 后缀，或者域名是否忘记开启 SSL（HTTPS）。4 微信公众平台白名单配置
为了让小程序在正式发布后能正常连接到您的服务器，必须配置域名白名单：
- 登录 微信公众平台。
- 点击左侧菜单的 【开发】 -> 【开发管理】 -> 【开发设置】。
- 向下滚动找到 【服务器域名】，点击修改。
- 在 request合法域名 栏目中，填入您的后端域名：https://您的域名.com
配置完成后，在微信开发者工具右上角点击【上传】，即可提交微信审核！祝您的小程序早日爆火裂变！🎉
© 版权声明
文章版权归作者所有，未经允许请勿转载。
相关文章
暂无评论...