HarmonyOS5 云服务技术分享 --Serverless 抽奖模板部署

手把手教你部署 HarmonyOS Serverless 抽奖活动模板（附贴心提醒）

嘿，小伙伴们！今天给大家分享一个超实用的教程——如何用华为 HarmonyOS 的 Serverless 模板快速搭建抽奖活动。不用写复杂代码，跟着步骤走就能搞定，文末还有部署避坑指南哦~

一、前期准备

1️⃣ ​​注册账号+创建项目​​

• 先到华为开发者平台注册账号

• 创建新项目时记得勾选"云开发(Serverless)"功能

• 小贴士：项目地区目前只能选"中国"

2️⃣ ​​云函数双保险​​

• 如果要用自定义抽奖逻辑，提前创建两个云函数：

  开始抽奖回调函数（比如startRaffle）

  结束抽奖回调函数（比如endRaffle）

• 记下函数名，后续配置要用到

3️⃣ ​​工程包准备​​

• 下载官方提供的抽奖模板工程包

• 解压后重点检查portal/dist目录结构

• 记得提前准备一个二级域名（后面托管要用）

二、部署模板四部曲

1️⃣ ​​模板选择​​

• 进入 AGC 控制台 → 云开发 → Serverless 模板

• 在模板市场找到"抽奖活动模板"

• 仔细阅读模板说明文档（重点看参数配置）

2️⃣ ​​参数配置​​

3️⃣ ​​部署执行​​

• 确认参数无误后点击"开始部署"

• 若失败可尝试清缓存重新部署

• 建议部署时截图保存配置参数

4️⃣ ​​云函数关联​​

• 部署完成后到云函数列表

• 找到自动生成的draw-raffle和get-campaign-by-id函数

• 修改工程包里的function.js文件同步函数名

三、托管上线关键点

1️⃣ ​​文件打包大坑​​

• 进入portal/dist目录全选文件压缩

• 千万！不要！直接压缩 dist 文件夹！

• 正确示例：压缩后打开 zip 应直接看到 index.html

2️⃣ ​​云托管配置​​

• 开通云托管服务 → 创建新站点

• 上传 dist.zip 时注意：

  文件名不要带中文/空格

  压缩包≤400MB

• 等待 2 分钟左右刷新状态

3️⃣ ​​效果预览​​

• 用手机浏览器访问托管域名

• 按 F12 开启开发者工具 → 切换移动端视图

• 测试不同网络环境下的加载速度

四、个性化定制技巧

✨ ​​界面美化​​

• 修改portal/dist里的 CSS 样式表

• 推荐使用 rem 布局适配多设备

🎮 ​​交互增强​​

• 在 beginCallback 函数里添加埋点统计

• 通过 endCallback 实现中奖消息推送

🔒 ​​安全加固​​

• 非免认证模式下建议：

  添加请求频率限制

  使用 HTTPS 加密回调

  用户 ID 做哈希处理

五、常见问题 QA

❓ 部署后访问显示空白？→ 检查 zip 是否多包了一层 dist 目录

❓ 回调函数超时？→ 云函数超时时间建议设置为 15 秒

❓ 抽奖结果不随机？→ 可在云函数中使用加密安全随机数生成器

❓ 如何做压力测试？→ 使用华为云性能测试服务 PTS

希望这篇教程能帮你快速上手！如果部署过程中遇到问题，欢迎在评论区留言交流~ 也欢迎关注我的技术博客，每周更新 HarmonyOS 开发实战技巧。祝各位开发者一次部署成功，活动火爆上线！ 🚀