最近微信换头像比较火爆，国旗，渐变头像比较好看，于是自己也决定做一个

微信头像小程序自动生成国旗挂件源码

一分钱不用搭建一个属于你自己的小程序

头像生成小助手，带PC后台管理，各种节日，各种主题，自定义，国旗，万圣节，圣诞，王者，国旗渐变，中秋等等头像

1、先上图

可以扫下体验一下

后台管理

2、准备工作

一、申请一个小程序 申请地址：微信公众平台， 申请小程序的操作很简单，大家百度一下跟着步骤申请就行，某宝上还有认证小程序代申请代认证，老铁们可以自行选择。

二、下载微信开发者工具 下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

三、下载解压HBuilderX

下载地址：https://www.dcloud.io/hbuilderx.html

3、搭建开始

请确保 HBuilderX 更新到最新版

1、选择unicloud-avatar直接导入HBX，在项目根目录执行npm i，如执行不了，先安装node.js

node.js安装教程

https://www.runoob.com/nodejs/nodejs-install-setup.html

2、打开文件uniCloud/cloudfunctions/common/uni-config-center/uni-id/config.json，将mp-weixin下的appid和appsecret修改为自己的。

3、文件默认上传至云存储，如需上传阿里云OSS，打开文件app.config.js，将aliyunOSS配置的内容修改为自己的，并将默认上传至阿里云修改为true。

4、上传云函数和依赖，右键uniCloud/cloundfunctions目录，上传所有云函数和公共模块。

5、右键uniCloud/database目录下的db_init.json初始化数据库。

6、运行项目至谷歌浏览器http://localhost:8080/admin，默认密码admin/123456

7、打开uniCloud/database/动态菜单导入目录，将系统设置.json和业务菜单.json 登录后台依次在用户权限-菜单管理-通过JSON批量导入菜单执行。

8、上传网站至网页托管配置跨域，阿里云配置api.bspapp.com、腾讯云配置tcb-api.tencentcloudapi.com、你自己绑定的网页托管域名！

9、后台部署完成之后

10、选择uniapp-avatar直接导入HBX

11、右键项目文件夹，点击“发行-小程序-微信（仅适用于uniapp）

12、在微信开发者工具点击上传，在小程序后台提交审核，审核通过后即可正常运营

13、小程序合法域名：request合法域名(阿里云空间使用api.bspapp.com、腾讯云空间使用tcb-api.tencentcloudapi.com)，downloadFile合法域名（https://thirdwx.qlogo.cn、阿里云OSS使用自己的阿里云外网域名、云存储使用https://vkceyugu.cdn.bspapp.com）

在小程序后台，开发管理中配置合法域名：

• （1）https://api.bspapp.com
• （2）https://thirdwx.qlogo.cn
• （3）https://vkceyugu.cdn.bspapp.com
• （4）https://wx.qlogo.cn
• 

最后

小程序可开通流量主，达到开通条件可以选择开通流量主 即可躺着赚钱 ， 贴一张大佬的流量主收益图，只要你能推广，赚钱很容易。

疑难杂症

后台报CORS错误

后台跨域，在对应的网页托管处配置跨域的域名即可，如果是网页托管和云函数不是同一个服务商，需要将两个服务商均设置跨域

上传文件至阿里云OSS

打开后台项目的app.config.js找到阿里云oss配置填写相关参数。

小程序一直加载

打开小程序微信管理后台，配置业务域名以及下载域名，不同的服务商域名不同，如果配置了阿里云OSS，下载域名要配置阿里云域名