unicloud云开发平台
unicloud的价值
①用于JavaScript开发前后台整体业务调整
②开发成本大幅下降
③非H5，面域名使用服务器
④对于敏捷性业务，完整不需要前后台分离
uniCloud开发流程

Unicloud构成
①云函数



②云数据库



③云存储和CDN


HbuilderX中配置unicloud环境
创建项目，勾选unicloud开发



①点击左下角登录，登录项目




②uni-app应用标识



③创建云服务空间（注意：如果没有注册账号需要前往Dcloud官网注册证号，然后需要实名验证，需要一天的时间）

Dcloud官网: 官方网站


④选择云服务空间



⑤新建云函数





⑥上传云函数




使用unicloudWeb控制台




①上传部署，所有创建的云函数都会在这里显示。




②云数据库：数据都存在这里，可以对数据进行增删改查。



③云存储：上传图片视频音频。







H5域名配置





新建域名配置


使用云函数
运行在云端（服务器）的函数

①了解event，context的意思






②上传部署，返回成功。




云数据的添加和删除
以Json的形式进行添加数据，字段对应值。



一、获取数据库的引用。

二、获取集合的引用。

上传并完成，可以不用每次都上传部署。

例子一：插入一条数据




例子二：插入一组数据




删除记录

.remove()

通过查找id进行删除




云数据的更新和查找
数据更新

.update()




.set()





.set()和update()的区别

更新id不存在的记录，update更新不成功。set会插入一条数据。

update 只更新存在的记录

set 如果记录存在就更新，如果不存在就添加






查找数据

.get()

例子一：指定ID为某一项的查询





.where()

例子二：某一项的值为？



查找从服务端查看数据




灵活查找

前端调用云函数
uniCloud.callFunction({
    name:'cloudFunctionName',
    data:{
	name:'张三',
	age:18
    },
    success: (res) => {
	console.log('调用云函数cloudFunctionName成功',res);
    }
})

云函数
'use strict';
const db = uniCloud.database();
exports.main = async (event, context) => {
    const collection = db.collection('user');
    //增
    const res = await collection.add({
        name:'李四',
	age:10
    })
    console.log(JSON.stringify(res))
    const res = await collection.add([
	{
	    name:'用数组'
	},
	{
	    name:'包裹对象'
	},
	{
            name:'实现批量传'
	}
    ])

    //删
    const res = await collection.doc('传个id参数').remove()
    console.log(JSON.stringify(res))

    //改
    const res = await collection.doc('传个id参数').update({
	name:'更新name'
    })
    const res = await collection.doc('传个id参数').set({
	name:'set是有则更新，无则新增',
	tips:'传入的id不存在时，用update无法更新数据，用set可以新增一条传入的id+要更新的数据组成的记录',
	notes:'update只能更新存在的记录，set如果记录存在就更新，如果记录不存在就添加'
    })
    console.log(JSON.stringify(res))

    //查
    const res = await collection.doc('传个id参数').get()
    const res = await collection.where({
	// name:'要查询的字段',
	name:event.name
    }).get()
    console.log(JSON.stringify(res))

    //event为客户端上传的参数
    console.log('event : ', event)

    //context包含了调用信息和运行状态，获取每次调用的上下文
	
    //返回数据给客户端
    // return event

    return {
	code:200,
	// msg:event.name+'的年龄是'+event.age,
	msg:'返回提醒msg',
	data:res.data,
	context
    }
};

上传图片到云存储空间
open(){
    uni.chooseImage({
	count:1,
	success: (res) => {
	    const path = res.tempFilePaths[0]
	    uniCloud.uploadFile({
		filePath:path,
		cloudPath:'a.jpg',
		success: (res) => {
		    this.src = res.fileID
		}
	    })
	}
    })
},
openthis(){
    let self = this
    uni.chooseImage({
	count:1,
	success(res){
	    const path = res.tempFilePaths[0]
	    uniCloud.uploadFile({
		filePath:path,
		cloudPath:'a.jpg',
		success(res){
		    self.src = res.fileID
		}
	    })
        }
    })
},
deletecloudimage(){
	uniCloud.deleteFile({
		fileList:['需要删除的图片地址'],
		success(res) {
			console.log(res)
		}
	})
}

 

uniCloud web 控制台
创建表
新建记录
跨域问题

创建表

新建记录

跨域问题

uniCloud更新APP

#前置要求：注册uniCloud账号；

1.创建云服务空间

2.从这个链接uniCloudAPP升级插件地址导入到云服务空间中








3.创建db_init.json，打开


4.将红圈部分复制到db_init.json中







此时打正式包，将包下载下来后，如果可以，放到自己的服务器上，放个链接出来，粘贴到【附2】的位置或者上传到







将这个地址粘贴到【附2】的位置
5.最后


今天刚试出来的，欢迎拍砖

问题补充：

AppId不匹配：不要用真机同步或者模拟器去试这个功能，要打包才可以
建议写在app.vue中【插件作者的建议】，我只是写在了index.vue中