更新记录

1.3.4(2024-01-22)

优化加载速度&用户体验

1.3.3(2023-06-08)

更新云开发where规则

1.3.2(2022-10-20)

优化字节小程序规则升级,去掉首页自定义头部

查看更多

平台兼容性

阿里云 腾讯云 支付宝云
×
Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

云函数类插件通用教程

使用云函数类插件的前提是:使用HBuilderX 2.9+


目前支持6端

微信小程序

QQ小程序

抖音小程序

快手小程序

安卓-APP

IOS-APP

变现方式

已接入对应平台的流量主配置,包含(banner广告、开屏广告、激励视频)

已接入趣味图片转换功能(15种功能)

image.png

线上体验

微信小程序

image.png

QQ小程序

image.png

字节系列小程序(今日头条lite(iOS, Android)、今日头条(iOS, Android)、抖音(iOS, Android))

image.png

APP

安卓APP下载体验

APP-ios 暂未上架,功能已测

请用户端和管理员端配合使用

用户端插件地址:

用户端插件

管理员端插件地址:

管理员端插件

我们的其他插件:

其他插件

后续开发

三、下载解压HBuilderX

下载地址:https://www.dcloud.io/hbuilderx.html

四、搭建开始

请确保 HBuilderX 更新到最新版

(4.1)点击购买普通授权版本

(4.2)新建阿里云空间

创建 uniCloud 服务空间),右键uniCloud目录关联到与管理后台同一个服务空间,全部勾选,点击直接部署服务空间,导入HBuilderX

image.png

(4.3)配置微信小程序(字节系小程序\QQ小程序\快手也要对应配置对应的两个地方)

1.打开文件 uniCloud => cloudfunctions => common=> uni-config-center => uni-id => config.json

配置 你自己的 appid 和 secret(在微信小程序官方的后台获取)

image.png

(4.4)配置百度开放平台信息(申请教程查看【常见问题】)

打开文件 uniCloud => cloudfunctions => common=> uni-config-center => vk-unicloud => index.js image.png

配置 百度开发平台的 appid 和 secret(在百度开放平台获取 https://cloud.baidu.com/product/imageprocess/selfie_anime) 然后选择图像增强与特效-应用列表-创建应用 实名后有免费额度哈

image.png image.png

(4.5)配置火山引擎开放平台信息(申请教程查看【常见问题】)

打开文件 uniCloud => cloudfunctions => common=> uni-config-center => vk-unicloud => index.js

image.png 配置 火山引擎开发平台的 ak和 sk(地址: https://www.volcengine.com/) 选择人像人体开通所有功能-到业务总览-新建应用获得ak跟sk

目前免费哈

image.png

(4.6)项目安装依赖

项目根目录 npm install 安装依赖

(4.7)重新上传配置和云函数

(4.8)获取APPID

image.png

(4.9)配置项目

1、打开微信微信开发者工具,在安全设置中打开服务端口

image.png

2、打开HBuilderX,点击“运行-运行到小程序模拟器-运行配置”中设置你安装微信开发者工具的路径。

image.png

五、发布小程序

1、右键项目文件夹,点击“发行-小程序-微信(仅适用于uniapp)

image.png

2、填写小程序名称和小程序appid即可唤起微信开发者工具。

image.png

3、在小程序后台,开发管理中配置合法域名:

4、提供购买订单号,联系作者(qq:3305900000) 获取后台管理系统代码和素材图片

5、在微信开发者工具点击上传,在小程序后台提交审核,审核通过后发布即可正常运营

后端(admin)

一、代码部署

管理员端插件

用户端插件

下载后端后绑定空间,右键 点击unicloud文件夹-选择关联云服务空间-选择关联跟前端一样的云空间

用户端插件

3.上传 router 云函数

二、云服务数据库导入文件

后端代码目录下

这四个json文件导入对应数据表 (导入方法:服务空间后台 - 数据库 - 导入)

image.png

三、后台前端托管

点击发行-网站pc或H5 image.png

默认账号:admin

默认密码:123456

image.png

常见问题

1、云函数请求报跨域错误

#解决办法:

将你用到的域名全部加入到unicloud web控制台的跨域白名单(托管域名记得加) 如:

  • static-****-2c2d-**-b4f5-d60ff1b9a8cb.bspapp.com
  • 自己的域名2

同时顺便把localhost也加入了

  • localhost:8080

  • localhost:8081

  • localhost:8082

  • localhost:8083

  • localhost:3000

  • localhost:3001

  • localhost:3002

  • localhost:3003

    #步骤:

  • 1、 进入unicloud web控制台 https://unicloud.dcloud.net.cn/domain

  • 2、 点击跨域配置 - 新增域名

  • 3、 输入域名

    2、小程序上架类目

    记得选择 工具-图片

升级指南

升级前请务必先备份一份旧代码另外保存

  1. 注意比对一下配置项,配置项不要被覆盖就可以一键更新了
  2. (1)云函数common下的所有配置请对比更新(不要覆盖之前已经填写过的)
  3. (2)根目录下mainfest.json 请对比更新(不要覆盖之前已经填写过的)
  4. 然后重新上传函数和数据库即可!

特别鸣谢

感谢开源的各位大佬,@VK@uVIEW@colorUI

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问