奋斗
努力

腾讯云轻量服务器搭建自己写的微信小程序?

云计算

在腾讯云轻量服务器上搭建自己开发的微信小程序,主要分为后端部署前端配置两部分。以下是详细步骤:


一、准备工作

  1. 注册微信小程序账号

    • 在微信公众平台注册小程序账号,获取 AppIDAppSecret
    • 配置小程序域名白名单(需备案域名,且支持 HTTPS)。
  2. 购买腾讯云轻量服务器

    • 选择适合的配置(推荐 2核4G 及以上,系统如 Ubuntu 20.04/22.04)。
    • 确保服务器安全组开放所需端口(如 80、443、后端 API 端口)。
  3. 域名与 HTTPS

    • 备案域名并解析到服务器 IP。
    • 申请 SSL 证书(腾讯云提供免费证书),后续配置到 Nginx/Apache。

二、后端部署(以 Node.js 为例)

1. 服务器环境配置

# 更新系统
sudo apt update && sudo apt upgrade -y

# 安装 Node.js 和 npm
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -
sudo apt install -y nodejs

# 安装 PM2(进程管理)
sudo npm install -g pm2

2. 上传后端代码

  • 通过 scp 或 Git 将代码上传到服务器:
    scp -r /local/path user@server_ip:/home/backend

3. 安装依赖并启动

cd /home/backend
npm install
pm2 start app.js --name "my-backend"
pm2 save
pm2 startup  # 设置开机自启

4. 配置 Nginx 反向X_X

sudo apt install -y nginx
sudo vim /etc/nginx/sites-available/backend.conf

配置文件示例:

server {
    listen 80;
    server_name yourdomain.com;

    location / {
        proxy_pass http://localhost:3000;  # 假设后端运行在3000端口
        proxy_set_header Host $host;
    }
}

启用配置并重启 Nginx:

sudo ln -s /etc/nginx/sites-available/backend.conf /etc/nginx/sites-enabled/
sudo nginx -t && sudo systemctl restart nginx

三、小程序前端配置

  1. 修改小程序请求域名
    在微信开发者工具中:

    • 设置合法域名:https://yourdomain.com(需与服务器域名一致)。
    • 检查 wx.request 的 URL 是否为 HTTPS。
  2. 测试接口
    在小程序代码中调用后端 API:

    wx.request({
     url: 'https://yourdomain.com/api/data',
     method: 'GET',
     success(res) {
       console.log(res.data);
     }
    });

四、HTTPS 配置(必需)

  1. 申请 SSL 证书

    • 腾讯云控制台 → SSL 证书 → 申请免费证书(TrustAsia)。
    • 验证域名后下载证书(包含 .crt.key 文件)。
  2. 配置 Nginx HTTPS
    修改 Nginx 配置:

    server {
       listen 443 ssl;
       server_name yourdomain.com;
    
       ssl_certificate /path/to/cert.crt;
       ssl_certificate_key /path/to/cert.key;
    
       location / {
           proxy_pass http://localhost:3000;
       }
    }

    重启 Nginx:

    sudo systemctl restart nginx

五、常见问题

  1. 域名未备案

    • 腾讯云轻量服务器要求域名备案,否则无法通过微信审核。
  2. 跨域问题

    • 后端需设置 CORS 头(如 Express 使用 cors 中间件)。
  3. 微信开发者工具报错

    • 检查域名是否在微信小程序后台的 request合法域名 列表中。
  4. 性能优化

    • 使用 CDN 提速静态资源(如腾讯云 COS+CDN)。
    • 开启服务器防火墙(仅开放必要端口)。

六、扩展建议

  • 数据库部署:可搭配腾讯云数据库 MySQL 或直接在服务器安装 MySQL。
  • 自动化部署:使用 GitHub Actions 或 Docker 简化发布流程。

完成以上步骤后,你的微信小程序即可通过轻量服务器后端提供服务。如有更复杂需求(如 WebSocket),需额外配置安全组和 Nginx。

未经允许不得转载:云服务器 » 腾讯云轻量服务器搭建自己写的微信小程序?