白嫖の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