一、更新接入了火山引擎部分功能,已安装过的直接下载【更新包】按照教程更新
二、首次安装请下载完整安装包按教程进行安装
三、主要更新功能:
发型改变,活照片,表情编辑,3D游戏特效,人像特效,智能抠图,人脸漫画风,闭眼转睁眼等
AiPhoto小程序是我开发的第N个小程序了,这次不同的是使用了thinkphp6.0做为后端框架开发,前端使用uniapp生成微信端与字节跳动(抖音)端代码,先看看演示与效果图
双端演示
![图片[1]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111845591647024359-wsx0jikebox-686x1024.jpg)
![图片[2]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111827311647023251-微信图片_20220312001640jikebox.jpg)
微信前端截图展示
![图片[3]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810241644862224-1jikebox.png)
![图片[4]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810241644862224-2jikebox.png)
![图片[5]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810241644862224-3jikebox.png)
![图片[6]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810251644862225-4jikebox.png)
![图片[7]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810251644862225-5jikebox.png)
![图片[8]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810251644862225-6jikebox.png)
![图片[9]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810251644862225-7jikebox.png)
![图片[10]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810251644862225-8jikebox.png)
![图片[11]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810251644862225-9jikebox.png)
字节跳动截图
![图片[12]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111827501647023270-1jikebox.png)
![图片[13]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111827501647023270-2jikebox.png)
![图片[14]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111827501647023270-3jikebox.png)
![图片[15]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111827501647023270-4jikebox.png)
![图片[16]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111827501647023270-5jikebox.png)
![图片[17]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111827501647023270-6jikebox.png)
![图片[18]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111827501647023270-7jikebox.png)
后端截图
![图片[19]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810401644862240-1jikebox-1024x467.png)
![图片[20]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810401644862240-2jikebox-1024x466.png)
![图片[21]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810401644862240-3jikebox-1024x467.png)
![图片[22]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810401644862240-4jikebox-1024x463.png)
![图片[23]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810401644862240-5jikebox-1024x467.png)
![图片[24]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810401644862240-6jikebox-1024x467.png)
![图片[25]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810401644862240-7jikebox-1024x467.png)
![图片[26]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810401644862240-8jikebox-1024x472.png)
![图片[27]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810401644862240-9jikebox-1024x467.png)
前后端功能都很完善,充值、任务、VIP与积分系统全部完成,流量主广告也可控到每个位置。
首先下载完整安装包,已安装过请下载更新包
开始前请准备好你的服务器和域名,安装好宝塔,如果你完全不会安装请联系我的QQ:27658525 代安装
一、宝塔上创建新的站点,安装网站后台
![图片[28]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141810481644862248-imagejikebox.png)
二、将【后台.zip】解压上传到根目录
![图片[29]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141811341644862294-imagejikebox.png)
三、点开宝塔站点的设置,配置好SSL和伪静态选择thinkphp
![图片[30]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141812071644862327-imagejikebox.png)
四、网站运行目录选择【public】文件夹
![图片[31]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141812351644862355-imagejikebox.png)
五、访问你的域名,填写数据库信息等,没特殊情况不要修改数据表前缀与后台地址
![图片[32]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141812591644862379-imagejikebox.png)
提示安装成功后访问你的后台地址:https://你的域名/admin/login/index.html
![图片[33]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141814551644862495-imagejikebox.png)
然后配置好你的后台信息,特别是微信与抖音端的appid等
![图片[34]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111852341647024754-imagejikebox-1024x562.png)
一些图片素材都在【图片素材.zip】里
后台配置一些注意的点
1、百度智能云添加应用时选择
![图片[35]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141817311644862651-图片1jikebox-1024x442.png)
![图片[36]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141819451644862785-图片2jikebox.png)
![图片[37]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141819461644862786-图片3jikebox.png)
选择完创建应用,建议企业实名认证领取免费次数,并开通按量计费模式
火山引擎申请地址 https://www.volcengine.com/
![图片[38]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111856381647024998-imagejikebox.png)
![图片[39]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111856521647025012-imagejikebox.png)
然后实名认证,创建应用,第一次选择
![图片[40]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111857061647025026-imagejikebox.png)
再次点接入能力
![图片[41]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111857161647025036-imagejikebox.png)
![图片[42]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111857241647025044-imagejikebox.png)
多接入功能没关系,然后点击详情开通相关接口
![图片[43]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111857381647025058-imagejikebox.png)
进入密钥管理
![图片[44]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111857481647025068-imagejikebox.png)
![图片[45]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111857541647025074-imagejikebox.png)
将获取的ak与sk填入后台接口配置即可
2、后台图片配置好云存储再上传即可,不配置云存储后期可能会因为大量用户处理图片造成大量服务器资源占用,自行斟酌
3、后台打开工具配置,每个工具都要重新编辑上传演示图才能正常显示
微信前端配置
确保你的后台已配置好appid等基本配置,开始安装前端
![图片[46]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141823511644863031-imagejikebox.png)
小程序开发者工具导入前端文件夹,并填写后端对应的appid
![图片[47]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/02/wxshares202202141824031644863043-imagejikebox.png)
Common文件夹的vendor.js的第2103行改成你的域名,刷新即可正常使用上线
抖音前端配置
首先确保你字节端后台的appid与AppSecret已经配置,并且将本站域名与云存储域名加到了安全域名中
![图片[48]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111718161647019096-imagejikebox-1024x671.png)
前端导入,填写与后台对应的appid
![图片[49]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111719321647019172-imagejikebox.png)
common/vendor.js中第2592行域名改成你自己的
![图片[50]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111720411647019241-imagejikebox-1024x456.png)
这里需要注意,如果后台设置抖音端跳转小程序,你需要将其他小程序的appid配置到前端的app.json中navigateToMiniProgramAppIdList字段中,按图中格式添加即可,否则将无法跳转
![图片[51]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111724011647019441-imagejikebox-1024x608.png)
配置完基本就能上传了,这里注意,如果你后台配置了字节端流量主,插屏广告与激励广告在开发者工具中是无法显示测试的,包括图片上传功能也会有问题,所以预览的话请在手机端进行完整体验。
五、关于抖音端审核
审核前,需关闭字节端后台的总支付功能(娱乐类小程序好像不允许支付功能),隐藏工具中字节端的图片去水印工具的(工具越少越好),自己截三张小程序页面截图,提交审核可选择全端
![图片[52]-【独家】AiPhoto微信/抖音双端小程序系统安装教程,附安装包,更新火山引擎功能-极客分享](https://cdn.wxshares.com/wp-content/uploads/2022/03/wxshares202203111739321647020372-imagejikebox-1024x551.png)
页面路径
首页 | pages/index/index | 菜单页 |
人脸趣玩页 | pages/face/index | 菜单页 |
更多工具 | pages/wxapp/wxapp | 菜单页 |
个人中心 | pages/my/my | 菜单页 |
工具页 | pages/tool/aitool?id={工具id}工具id在后台工具配置获取 | 普通页 |
充值(vip)页 | pages/my/pay | 普通页 |
签到任务页 | pages/my/task | 普通页 |
用户使用记录页 | pages/my/log | 普通页 |
如果您对我还不够信任,也可以在我的淘宝店铺进行担保交易:https://wxshares.taobao.com/
感谢您的来访,获取更多精彩文章请收藏本站。

1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系站长更新。
- 最新
- 最热
只看作者