白嫖のCloudBase云函数第三章

白嫖のweb使用云数据能力

第三章讲web端使用云函数调用云数据库能力

前两章大概的讲述了,基础的云函数创建和路由的设置,以及编写了一个基础的登陆操作,这章就正式的开始将核心操作了

Cloudbase配置

登陆cloudbase,进入到cloudbase环境配置 --> 登陆授权 开启匿名登陆

进入到下方的数据库,新建一个集合user

点击user,选择权限设置->切换到安全规则编写,然后改成如下,然后保存

代码语言:txt
复制
{
  "read": "auth != null",
  "write": "auth != null"
}

处理index.html

就不贴代码了,要写的东西太多了,下面有源码,基本就是套用第一章所说的模版

相对路径头部不要添加/ 默认就是static/css/style.css 这样做后期的部署就不会出现问题!

大概内容就是:

  • 编写一个通用的api.js 操作云数据库的
  • 添加弹窗插件
  • 添加云函数的cloudbase的js文件
  • 添加动态路径(menu.json)
  • 添加环境配置(db.json)

api.js文件

api.js文件中写了对集合的操作,只要传入对应的集合名称即可,其中设置了数据的初始化加载以及匿名登陆,

展示增删改查操作,详细请看源码

index.js

然后变成了这样

部署

使用 npm run deploy 就能公网访问了

源码

代码语言:txt
复制
链接:https://pan.baidu.com/s/1Fw57kmN9oO03ANxRRd0TFw 
提取码:p9jq