携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第1天,点击查看活动详情
前言:
@微信官网,给我头像加一面旗子!
有一种红,叫中国红!
每年国庆节前,都会出现一段微信换头像热度,去年抖音也出现了换头像热。所以我也开发了一款制作头像的微信小程序,去年国庆期间访问量也还可以.微信小程序的流量广告功能也开通了(小程序访问UV超过1000,即可开通),后面就开始产生收益了。下面我把小程序的实现给大致描述下,并附上源码。代码逻辑很简单,只愿与君共勉!!
废话不多说,直接上示例图,画面温馨,绝对是你想要的,这可是我拿来挣钱的代码🙈🙈!!
示例图
功能
- 🚀 小程序原生框架、canvas开发
- 💪 支持获取微信头像进行制作
- 💪 支持本地图片导入进行裁剪
- 💪 支持插入自定义贴纸
- 💪 支持使用在线卡通头像
- 💪 支持生成朋友圈节日海报图
- 💪 支持预览制作后的头像,并保存到本地相册
项目目录
大致流程
- 初始化一个canvas头像画图
- 获取微信用户信息授权,并保存到本地
- 提示用户选择 头像贴纸
- 点击预览,从canvas获取图片信息,并显示制作后的图片
- 点击节日海报,把制作后的头像,放到海报上面,生成朋友圈海报
- 抖音本地图片,选择图片后,对图片进行裁剪,然后才进入头像制作流程
部署注意
- 贴纸、头像图片信息都存储在一台服务器上,需支持https
- 静态资源包,在
/images/data
目录下,放到https服务器上即可,可自行修改 - 开发环境:可打开不校验https证书配置
- 正式环境:需要配置request域名、downloadFile合法域名
注 :示例中的接口、图片地址,仅为临时测试地址,正式环境使用时,请务必更换!!!
结尾
后续会继续更新,手写识字等功能。别忘了给个 star
哦
源码仓库地址:点击前往
示例访问地址:点击前往
示例接口地址、图片静态资源采用免费的
vercel
进行静态部署(速度很快),想使用的小伙伴,加评论,后续更新教程💪💪