将微信小程序部署到腾讯云服务器,实际上是指将小程序的后端服务(如 API 接口、数据库、文件存储等)部署在腾讯云服务器上,而不是把小程序前端代码本身部署上去。微信小程序的前端代码是通过微信开发者工具上传并发布到微信平台的。
以下是完整的部署流程:
一、准备工作
-
注册腾讯云账号
- 访问 https://cloud.tencent.com
- 注册并完成实名认证。
-
购买云服务器 CVM
- 进入「云服务器 CVM」控制台。
- 创建一台 Linux 服务器(推荐 CentOS 或 Ubuntu)。
- 记录公网 IP 地址、登录用户名(如 root)、密码或密钥。
-
域名(可选但推荐)
- 如果要上线使用 HTTPS,建议购买一个域名,并进行备案(国内服务器需要备案才能开启 80/443 端口)。
- 在腾讯云「域名与网站」中购买并解析域名。
-
SSL 证书(用于 HTTPS)
- 小程序要求所有网络请求必须使用 HTTPS。
- 可在腾讯云申请免费 SSL 证书(搜索“SSL 证书管理”)。
二、部署后端服务
假设你的后端使用的是 Node.js + Express(常见场景),其他语言类似。
步骤 1:连接服务器
使用 SSH 工具(如 Xshell、PuTTY 或终端)连接你的云服务器:
ssh root@你的服务器公网IP
步骤 2:安装运行环境
以 Node.js 为例:
# 安装 Node.js 和 npm
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -
sudo apt-get install -y nodejs
# 验证安装
node -v
npm -v
其他环境如 Python、Java、PHP 等请自行安装对应环境。
步骤 3:上传项目代码
方式有多种:
-
使用
scp命令上传:scp -r ./your-backend-project root@your-server-ip:/root/ -
使用 Git 拉取代码(推荐):
git clone https://github.com/yourname/your-backend.git
步骤 4:启动后端服务
进入项目目录,安装依赖并启动:
cd your-backend
npm install
npm run start
建议使用
pm2进程管理器让服务后台运行:
npm install -g pm2
pm2 start app.js --name "my-weapp-api"
pm2 startup
pm2 save
步骤 5:配置反向(Nginx)
安装 Nginx 并配置反向:
sudo apt install nginx
编辑配置文件:
sudo vim /etc/nginx/sites-available/default
添加如下配置(示例):
server {
listen 80;
server_name yourdomain.com; # 替换为你的域名或公网IP
location / {
proxy_pass http://127.0.0.1:3000; # 后端服务端口
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
}
}
重启 Nginx:
sudo systemctl restart nginx
步骤 6:配置 HTTPS(重要!)
- 在腾讯云申请免费 SSL 证书。
- 下载证书(Nginx 版本)并上传到服务器。
- 修改 Nginx 配置:
server {
listen 443 ssl;
server_name yourdomain.com;
ssl_certificate /path/to/your_domain.crt;
ssl_certificate_key /path/to/your_domain.key;
location / {
proxy_pass http://127.0.0.1:3000;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
}
}
# 强制 HTTP 跳转 HTTPS
server {
listen 80;
server_name yourdomain.com;
return 301 https://$host$request_uri;
}
重启 Nginx:
sudo systemctl restart nginx
三、小程序前端配置
- 打开微信开发者工具。
- 在
project.config.json或代码中,确保 API 请求地址是你的 HTTPS 域名:
wx.request({
url: 'https://yourdomain.com/api/login',
// ...
})
- 在微信公众平台配置 request 合法域名:
- 登录 https://mp.weixin.qq.com
- 进入「开发」->「开发管理」->「开发设置」
- 在「服务器域名」中添加:
https://yourdomain.com到 request 合法域名列表
注意:不能使用 IP 地址,必须是已备案的域名且支持 HTTPS。
四、安全与优化建议
- 开启腾讯云 安全组,只开放 80、443、22 端口。
- 使用 云数据库 MySQL(TencentDB)替代本地数据库更稳定。
- 使用 COS 对象存储 存储图片、文件。
- 使用 云函数 SCF 可实现无服务器后端(适合轻量级业务)。
总结
| 步骤 | 内容 |
|---|---|
| 1 | 购买腾讯云 CVM 服务器 |
| 2 | 部署后端代码(Node.js/Python/Java等) |
| 3 | 配置 Nginx + HTTPS |
| 4 | 小程序配置合法域名 |
| 5 | 前端通过 HTTPS 调用后端 API |
✅ 完成以上步骤后,你的微信小程序就可以正常访问部署在腾讯云上的后端服务了。
如果你提供具体的技术栈(如 Node.js + MongoDB 或 Django),我可以给出更详细的部署脚本和配置。
云计算CLOUD