将 UniApp 开发的微信小程序部署到腾讯云,主要涉及前端资源托管和后台服务部署。以下是详细步骤和注意事项:
一、前端部署(小程序代码托管)
-
编译生成小程序代码
在 UniApp 项目中运行:npm run build:mp-weixin生成的小程序代码在
/dist/build/mp-weixin目录下。 -
上传到微信开发者工具
- 使用微信开发者工具打开生成的目录。
- 点击右上角 上传,提交至微信小程序后台(需提前在微信公众平台配置小程序 AppID)。
-
微信后台提交审核
登录微信公众平台,在 开发管理 中提交审核,审核通过后即可发布。
二、后台服务部署(腾讯云)
若小程序需要后端接口,可选择以下腾讯云服务:
方案1:云开发(TCB)
适合轻量级全栈开发,无需自建服务器。
-
开通云开发
- 在微信开发者工具中点击 云开发,开通环境。
- 使用云函数、数据库、存储等能力。
-
部署云函数
- 在
cloudfunctions目录编写云函数,右键上传部署。 - 小程序端通过
wx.cloud.callFunction调用。
- 在
方案2:云服务器(CVM)或轻量应用服务器
适合已有后端代码(如 Node.js、Java)。
-
购买服务器
- 在腾讯云控制台购买 CVM 或轻量应用服务器。
- 推荐配置:1核2G(轻量级应用足够)。
-
部署环境
-
Node.js 示例:
# 安装 Node.js curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash - sudo apt-get install -y nodejs # 部署代码 git clone your-repo cd your-repo npm install pm2 start app.js
-
-
配置域名与 HTTPS
- 域名备案(需在腾讯云备案)。
- 通过 SSL 证书 服务申请免费证书,配置到 Nginx/Apache。
方案3:Serverless(SCF + API 网关)
适合无状态接口,按量付费。
-
创建云函数(SCF)
- 在腾讯云控制台创建函数,选择运行环境(如 Node.js 16)。
- 上传代码包或通过 CLI 部署:
scf deploy --template-file deploy.yaml
-
绑定 API 网关
- 创建 API 网关,关联云函数,生成访问域名。
三、数据库与存储
- 云数据库 MySQL:在腾讯云控制台购买并配置,小程序通过内网地址连接。
- COS 对象存储:存储图片/文件,通过 SDK 调用:
cos.putObject({ Bucket: 'your-bucket', Region: 'ap-shanghai', Key: 'example.jpg', File: file });
四、安全与监控
-
安全加固
- 小程序域名需加入微信后台 request 合法域名。
- 开启腾讯云 Web 应用防火墙(WAF)。
-
日志与监控
- 使用 腾讯云日志服务(CLS) 收集日志。
- 配置 云监控 告警规则。
常见问题
- 跨域问题
- 后端需配置 CORS 或通过 API 网关X_X。
- 域名备案
- 国内服务器必须备案(约 10-20 个工作日)。
- 性能优化
- 使用 CDN 提速静态资源(如 COS 绑定 CDN)。
通过以上步骤,你可以将 UniApp 小程序的前端部署到微信平台,后端服务灵活选择腾讯云方案。根据项目复杂度选择云开发、CVM 或 Serverless,并注意安全和监控配置。
云服务器