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

网友投稿 729 2022-10-09

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

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

云开发 · 头像小程序 Demo

简介

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

需求

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

具体使用说明

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

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

2. 创建数据万象 Bucket

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

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

3. 配置云函数

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

module.exports = { COS_SECRETID: '', // COS 的 Secret ID ,从 https://console.cloud.tencent.com/capi 获取 COS_SECRETKEY: '', // COS 的 Secret Key, 从 https://console.cloud.tencent.com/capi 获取 DOMAIN: '', // 数据万象的域名 ,从 Bucket 详情页面获取 BUCKET: '', // Bucket 名称 ,你自己创建的 Bucket ,可以在 https://console.cloud.tencent.com/ci/bucket 找到 REGION: '' // 节点名,比如 ap-shanghai 、ap-guangzhou、ap-chengdu}

获取方式如下:

4. 部署云函数

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

5. 效果

6. FAQ

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

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

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:393. UTF-8 Validation
下一篇:394. Decode String
相关文章

 发表评论

暂时没有评论,来抢沙发吧~