社区/学习指南/微信云开发应用实战指南

头像小程序

简介

本项目为云开发·头像合成小程序,可以用于在小程序端生成包含不同边框的头像。

需求

  1. 开通了小程序云开发的小程序。
  2. 腾讯云账号

具体使用说明

1. Clone 本项目到本地并导入

将本项目 clone 到本地,并使用你自己的小程序账号导入项目。

2. 创建数据万象 Bucket

访问 腾讯云数据万象控制台,创建一个 Bucket

创建时,选择「新建」,并填写名称、所属地区等信息,具体配置如下。

创建完成后,点击你刚刚创建的 Bucket,将项目根目录中 avatar-outer 目录的文件上传到 Bucket 。具体效果如图。

3. 配置云函数

接下来,我们来配置云函数。在项目根目录中的cloudfunctions/image目录下的 config.js 中存放着需要配置的几个项目,具体如下

image.png

获取方式如下:

  • COS_SECRETIDCOS_SECRETKEY 可以在 腾讯云访问密钥 中获取。
  • REGIONBUCKET 可以从你所创建的 Bucket 详情页获取。如果你所属地区是上海,则此项目填写 ap-shanghai

  • DOMAIN 则可以从域名管理处获取。

4. 部署云函数

配置完成后, 你需要上传,并部署云函数(选择云端安装依赖)。

5. 效果

6. FAQ

6.1 如何替换风格或新增风格

做好相应的边框,上传到数据万象的根目录,以headX.png来命名,其中 X 为 1,2,3,4 等数字。

课程完整源码

https://github.com/TencentCloudBase/Cloudbase-Examples/tree/master/miniprogram/tcb-demo-avatar

本文出自 云开发团队