评论

Skyline比比头像生成小程序2.0来了-分享卡片+流量主广告+高清头像裁剪的实现

比比头像生成小程序是一个使用skyline渲染框架开源的头像工具,使用uniapp+vue3+ts实现。 之前我开源到了github,为了方便大家使用,我上架到了hbuilder插件应用市场。

今天给大家带来的是 2.0 版本,除了前文《Skyline渲染框架的头像合成小程序实例-比比头像生成 附uniapp源码》中讲到的特性外,

这次主要新增实现了四个特别重要的功能

1.流量主激励视频广告的添加。skyline目前不支持banner广告,因此我只在高清照片那里添加了激励广告,后续可以在页面中添加banner和原生模板广告

流量主使用文档:https://developers.weixin.qq.com/miniprogram/dev/api/ad/wx.createRewardedVideoAd.html


2.高清头像的安全审核验证。默认的微信头像很模糊,这次添加了高清照片的方法,图片验证使用微信官方图片安全审核接口https的方式实现。

图片安全审核文档:https://developers.weixin.qq.com/miniprogram/dev/OpenApiDoc/sec-center/sec-check/mediaCheckAsync.html

3.图片裁切。该页面使用 webview渲染引擎,使用了canvas2d开源组件方式实现,该开源组件在hbuilder插件应用市场可以找到

canvas2d文档:https://developers.weixin.qq.com/miniprogram/dev/api/canvas/Canvas.html

4.点击头像创建分享卡片。使用 skyline渲染引擎的新能力:共享元素和snapshot截图能力

共享元素文档:https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/share-element.html

snapshot截图能力文档:https://developers.weixin.qq.com/miniprogram/dev/api/skyline/Snapshot.html



废话不多说,上才艺视频


使用方法:

1.将源码在Hbuliderx中导入,点击【运行到微信】开发者工具中。输入自己的小程序appid,同时此小程序需要申请第3点提到的隐私权限。

2.微信开发者工具需下载nightly最新开发版本。基础库选择3.0.1。真机微信版本不低于 8.0.40。否则不支持相关能力

3.需要在小程序后台隐私政策申请以下能力:头像、昵称+相册权限+获取照片视频能力。否则部分功能无效果

4.源码中默认的头像、挂件二维码网络连接地址修改后要将域名前缀添加到小程序后台配置信任域名中

5.源码中的激励视频广告ID需要换成自己的流量主广告 id

6.图片安全审核接口可以自行开发,不懂的使用默认的即可


------

比比头像生成小程序是一个使用skyline渲染框架开源的头像工具,使用uniapp+vue3+ts实现。

之前我开源到了github,为了方便大家使用,我上架到了Hbuilder插件应用市场。

喜欢的可以直接百度搜索【hbuilder插件应用市场】进入后再搜索【比比头像生成小程序】(防止打广告嫌疑不放链接了)前往使用。

------

此项目为开源小程序项目,如有使用问题,评论或者私信我

最后一次编辑于  2023-09-22  
点赞 3
收藏
评论

1 个评论

  • 阿白
    阿白
    2023-11-27

    用美图秀秀P一下不方便嘛?还有多种选择可以自定义。

    2023-11-27
    赞同
    回复
登录 后发表内容