uniCloud基础用法
简单了解
只要不是h5,那就不用服务器了。下图简单了解一下。
![](https://i-blog.csdnimg.cn/blog_migrate/d1250aefc380af495d41887b50b6c20b.png)
云函数操作云数据库,如下,先感受,后面再实践。
![](https://i-blog.csdnimg.cn/blog_migrate/2253b3511ac62155d4a7d3f46b655fec.png)
配置云开发环境
新建项目的时候选上,
右键点击项目,创建云服务空间,这个简单,不用截图。
创建好之后,再右键点击项目,选择刚才创建的云服务空间。
创建云函数,操作类似。这里举例创建login云函数,创建好后,自动生成内容如下。点击部署,则部署到云开发平台。
web控制台
也是项目右键,打开web云控制台。
可查看云数据库,云函数等等。
云存储可以放图片音视频等等。
这里举例,比如上传一个动态图。页面代码里面可以这样使用:
下面是演示跨域问题已经如何解决。
云函数的调用如下,这样就可以调用了。访问localhost正常,但是访问192IP会报错。
这样添加就解决跨域问题了。
开始使用云函数
先了解云函数参数的意思,比如下面这个是创建的云函数,默认的。
下面举例来学习如何使用云函数。假设点击按钮来调用。
然后添加open方法,uniCloud.callFunction是调用云函数用的,里面是云函数的名字。 补全一下,
data对象是传给云函数的。success是执行成功的回调,fail是失败的回调。
在在默认的云函数代码基础上修改返回值“成功”。
记得改完云函数要部署上传,然后再运行。可见返回值“成功”。
再继续修改,返回更多信息,context是context:context的另一种写法。 结果是 :
云数据库的增删改查
云数据库的操作只能通过云函数进行增删改查,不可以在页面文件vue中进行。
下面练习如何插入一条数据,如下,先引入数据库对象,再引入user表,这个是在web客户端那边创建的。这个例子就是插入user表中一条“uni-app”的数据。
运行的时候也不必非得在页面调用云函数。可以右键选择上传运行,这样更快捷。 运行结果:
下面练习添加多个字段,传入列表即可。 注意,上面运行时候打印的log的res实际是空的。需要添加await。
这里是上面少写了await. async和await配对使用。async 是一个修饰符,async 定义的函数会默认的返回一个Promise对象resolve的值,因此对async函数可以直接进行then操作,返回的值即为then方法的传入函数。
await 关键字 只能放在 async 函数内部, await关键字的作用 就是获取 Promise中返回的内容, 获取的是Promise函数中resolve或者reject的值。
js没有系统的学过,暂时这样理解。详细解释和例子参考:https://www.cnblogs.com/liquanjiang/p/11409792.html
查看操作结果
删除操作,找到数据库的一条记录,删除。
更新操作, 另一种写法
两种写法的区别:update只更新存在的记录。 set如果存在则更新,不存在则创建。
查询记录,依据id查询记录。
依据字段名user查询,
依据一个变量进行查询,
页面传入变量的具体值, 在云函数中通过event传入页面那边的变量name
这里是简单的操作,后面实战会用到聚合的操作。更高级的用法。
使用云存储上传文件
如下,分别为选择图片,从执行结果中得到图片路径,依据此路径上传文件。 接着看
下面的代码是整体的,这样写避免this的指向问题。 this指向的是函数调用者的对象。所以两者是不同的。注意。详细原因待深入学习js.
删除图片
至此,云函数以及数据库操作学习完毕。