更新记录

1.1.1(2022-05-14)

增加前端公司地址导航

1.1.0(2022-05-07)

首页增加快捷复制联系方式、邮箱等

查看更多

平台兼容性

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

云函数类插件通用教程

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


线上体验

微信小程序

image.png

H5

image.png

请前后端配合使用

用户端插件地址:

用户端插件

管理员端插件地址:

管理员端插件

我们的其他插件:

其他插件

已适配应用端

1.H5

2.微信小程序

3.百度小程序

4.抖音小程序

5.支付宝小程序

后续开发计划

image.png

三、下载解压HBuilderX

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

image.png

四、搭建开始

请确保 HBuilderX 更新到最新版

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

(4.2)新建阿里云空间

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

image.png

(4.3)配置微信小程序

image.png

(4.4)项目安装依赖

项目根目录 npm install 安装依赖

(4.5)配置项目

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

image.png

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

image.png

image.png

五、发布小程序

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

image.png

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

image.png

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

  • https://api.bspapp.com

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

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

后端(admin)

注意:后台修改任何内容后,后需要点击左上角的清除缓存才能看到最新效果

一、代码部署

用户端插件

管理员端插件

下载后端后绑定空间

image.png

2.用户端插件地址

用户端插件

3.上传 router 云函数

二、管理员端-前端托管

默认账号:admin

默认密码:123456

image.png

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、隐私协议怎么填

image.png

3、后台管理菜单没出来?

  1. 数据库管理

  2. 找到opendb-admin-menus表并删除

位置

  1. 用户端中重新执行db_init 执行方法

升级指南

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

  1. 注意比对一下配置项,配置项不要被覆盖就可以一键更新了
  2. 然后重新上传函数和数据库即可!

特别鸣谢

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

隐私、权限声明

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

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

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

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