分享一个比比小黄人揣棉袄表情生成器微信小程序版,亲自测试,感觉不错!
此小程序由比比网原创免费开源,允许使用
1.纯前端输出,无需后台,无需域名,速度杠杠快!
2.完美支持微信端和抖音端;
3.双端均支持配置开启流量主广告,包括:激励视频广告、插屏广告、banner广告、原生广告、封面广告等;
1.下载比比表情生成器代码包,mp-weixin为微信端
2.mp-weixin导入到微信开发者工具,mo-toutiao导入到抖音开发者工具,开发者工具自行前往官方网站下载安装;
3.前往微信https://mp.weixin.qq.com/申请开通微信小程序,获取微信小程序appid;前往抖音https://developer.open-douyin.com/申请开通抖音小程序,获取抖音小程序appid;
4.将开发工具的appid更换为您自己的appid;
5.将以下域名添加到小程序的服务器域名中,如果图片您使用了其他的图床域名,将使用的域名添加到服务器域名中;
6.修改配置文件,调试并上传发布即可。
参数配置
找到小程序文件static/data/config.js
var beebee_config = {
"config": {
"desc": "配置主题色、外观、广告和首页弹层菜单",
"theme": "light", //小程序风格,‘light’浅白,‘dark’暗黑
"maincolor": "#bee0d0", //主色系,素材选中的颜色
"weixinadson": true, //是否开启微信广告
"weixinadstype": "weixin",
"douyinadson": true, //是否开启抖音广告
"douyinadstype": "douyin",
"weixinfulltop": true, //微信端是否满屏
"douyinfulltop": false, //抖音端是否满屏,刚申请的抖音不支持满屏
"adsdata": {
"weixin": {
"videoads": "adunit-cd3a13f3402be2de", //激励视频广告id
"popads": "adunit-f11994d3c4e930ed", //插屏广告id
"yuanshengads": "", //原生广告id
"bannerads": "" //Banner广告id
},
"douyin": {
"videoads": "jffkht11z8z6a5nvfs", //激励视频广告id
"popads": "z39zvzppb6tpow5b71", //插屏广告id
"bannerads": "bxu7ukn5flu3wazdxr" //Banner广告id
}
},
"wateron": true, //是否开启水印
"copyrighton": true, //是否开启关于
"waterurl": "https://cloud.enshimama.com/beebeework/uibase/water@2x.png", //水印图片地址
"wx_qrcode": "https://cloud.enshimama.com/beebeework/uibase/xjn_wx_qrcode.jpg", //微信端预览图
"tt_qrcode": "https://cloud.enshimama.com/beebeework/uibase/xjn_wx_qrcode.jpg" //抖音端预览图
}
}
module.exports = {
beebee_config:beebee_config
}
找到小程序文件static/data/post.js
var beebee_post = {
"thread": {
...
"acf": {
"face_iconarea": {
"box": [
... //素材区
],
"box_word": false,
"boxset": "0",
"boxchoose": "1",
"showatar": false,
"showupload": true,
"allowcanvas": false,
"allowcanvas_word": false,
"isfixedscroll": false
},
"face_showarea": {
"imgwidth": "200", //头像框宽度
"imgheight": "200", //头像框高度
"borderstyle": "dotted", //头像框边框样式
"borderwidth": "2", //头像框边框粗细
"bordercolor": "#000000", //头像框边框颜色
"borderradius": "20", //头像框边框圆角
"bgcolorshow": false, //头像框默认是否有背景颜色
"bgcolor": "" //头像框背景颜色值
},
"face_bgarea": {
"title": {
"show": true, //是否显示标题
"ani": true, //标题是否显示动画
"color": "#ffffff", //标题颜色
"size": "22" //标题字号
},
"views": {
"show": true,
"percent": "10",
"color": "#dddddd",
"size": "12"
},
"bgcolor": "#4a5bee", //背景颜色
"bgimage": false, //背景图
"bgstyle": {
"bgposition": "center top",
"bgsize": "contain",
"bgrepeat": "repeat",
"bgorigin": "border-box"
},
"topimage": "https://static-mp-6836c6d3-11d4-4a6c-b501-1c674002bff0.next.bspapp.com/demored/facecover/emobg.png", //头图
"paddingtop": "180", //上留白
"paddingbottom": "220", //下留白
"bgani": {
"ani": "snow", //背景动画
"openmotion": false
},
"bgmedia": {
"open": true, //开启背景音乐
"name": "圣诞快乐", //背景音乐标题
"author": "Enya", //背景音乐作者
"url": "https://static-mp-6836c6d3-11d4-4a6c-b501-1c674002bff0.next.bspapp.com/demored/facework/emoji/chris.mp3" //背景音乐URL
}
},
"face_sharearea": {
"title": "2022冬季揣棉袄Emoji表情制作", //自定义分享标题
"image": "https://static-mp-6836c6d3-11d4-4a6c-b501-1c674002bff0.next.bspapp.com/demored/facecover/emojishare.png" //自定义分享海报
},
...
},
...
},
"show": true, //是否显示此文章
"thumb": "https://static-mp-6836c6d3-11d4-4a6c-b501-1c674002bff0.next.bspapp.com/demored/facecover/emojishare.png",
"title": "Emoji表情制作"
}
module.exports = {
beebee_post:beebee_post
}
文件static/data/post2.js是另一个案例,可以复制代码到static/data/post.js保存编译查看效果。
© 版权声明
文章版权归原作者所有,本站只做转载和学习以及开发者个人原创。声明:下载本站资源即同意用户协议,本站程序仅供内部学习研究软件设计思想和原理使用,学习研究后请自觉删除,请勿传播,因未及时删除所造成的任何后果责任自负。
THE END
暂无评论内容