比比原创的原生小程序，免费开源，支持微信端和抖音端。
1.纯前端输出，无需后台，无需域名，速度杠杠快！
2.完美支持微信端和抖音端；
3.双端均支持配置开启流量主广告，包括：激励视频广告、插屏广告、banner广告、原生广告、封面广告等；
4.支持开启雪花、星星背景动画配置；
5.支持开启背景音乐配置；
6.支持自定义背景图；
7.支持自定义区域间距；
8.支持调整头像框大小；
9.支持手动更换素材或者前往比比网下载更多的表情素材导入包；
10.支持自定义[分享给好友]的标题和图片；
11.支持水印功能；
12.支持随机组合并开启显示插屏广告；
13.支持重置组合；
14.支持canvas生成png，并开启看激励广告；
15.支持保存表情到相册。
版权声明
此小程序由比比原创并开源，允许您使用、传播并放置在自己的素材平台提供下载，但需放置比比网（https://beebee.work/）出处，且不允许更改删除源代码中的版权信息，或者付费销售、转卖等行为。
1.下载比比表情生成器代码包，mp-weixin为微信端，mp-toutiao为抖音端（今日头条端）；
2.mp-weixin导入到微信开发者工具，mo-toutiao导入到抖音开发者工具，开发者工具自行前往官方网站下载安装；
3.前往微信https://mp.weixin.qq.com/申请开通微信小程序，获取微信小程序appid；前往抖音https://developer.open-douyin.com/申请开通抖音小程序，获取抖音小程序appid；
4.将开发工具的appid更换为您自己的appid；
5.将以下域名添加到小程序的服务器域名中，如果图片您使用了其他的图床域名，将使用的域名添加到服务器域名中；
https://static-mp-6836c6d3-11d4-4a6c-b501-1c674002bff0.next.bspapp.com
6.修改配置文件，调试并上传发布即可。
见公众号文章：https://mp.weixin.qq.com/s/HXwRgSnDlioi5ELQnQzLTg
找到小程序文件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保存编译查看效果。
1.为什么素材图片加载显示那么慢？
素材图片均上传到阿里云免费图床的，当cdn流量用完时加载会慢，建议将素材上传到自己申请的图床中
2.为什么素材图片都不显示？
没有将图片域名填写到小程序后台的服务域名中，前往小程序后台找到开发设置的服务域名，将图床域名填写进去
3.为什么素材图片显示，但是点击生成时图片不显示？
没有将图片域名填写到小程序后台的服务域名的downloadFile合法域名中，建议request合法域名、uploadFile合法域名、downloadFile合法域名均填写上
4.为什么广告不显示？
在config文件中核对（微信端）weixinadson是否为true（抖音端）douyinadson是否为true，对应的广告id参数是否填写正确，小程序appid是否填写正确
5.为什么广告有时有有时没有？
正常，广告并非一直会加载进来，官方对广告有量的限制
6.有什么渠道可以获取更多的主题样式吗？
a.代码中默认配置了两款主题：static/data/post.js和static/data/post2.js，请将post2.js的代码复制到post.js中保存并编译即可使用第二款主题
b.购买比比小锦囊终身版的用户可以通过小锦囊后台的DIY功能生成更多的主题json文件放置在static/data/post.js中
c.前往比比素材网https://beebee.work/直接下载其他主题
7.我是新手，能找人搭建吗？
需要搭建服务的，加比比客服微信gamch2，提供付费搭建服务或者进入比比微信群找群友提供帮助
8.为什么我从其他渠道下载的需要付费？
比比表情生成器完全免费给用户下载使用，无后门无追踪无激活，并不能杜绝二道贩子通过信息差进行售卖行为，比比不对任何非比比渠道负责，您的任何损失比比不进行负责。
比比唯一官网：https://beebee.work/如您遇到二道贩子，在您自愿情况下可以狠狠的骂他
建议您关注比比公众号和社群，随时获取第一手信息。
