zoukankan      html  css  js  c++  java
  • uni-app云开发入门笔记

    第一步:首先要在HBuilder中登录账户,然后再新建好的项目中右键创建uniCloud云开发环境

    第二步:在跳出的网页上选择要创建云开发的服务商

    第三步:创建云函数:

    在项目中的cloudfunctions文件夹下新建云函数,然后右键上传部署即可在云端运行了

    默认生成的云函数

    'use strict';
    // 运行在云端(服务器端)的函数
    exports.main = async (event, context) => {
    	//event为客户端上传的参数
    	//context包含了调用信息和运行转态,获取每次调用的上下文
    	console.log('event : ', event)
    	
    	//返回数据给客户端
    	return event
    };
    
    

    客户端调用云函数

    onLoad() {
    			// uniCloud.callFunction({
    			// 	name:'login',
    			// 	success(res) {
    			// 		console.log('云函数调用成功',res);
    			// 	}
    			// })
    		},
    

    上传和删除文件

    open() {
    				var self = this;
    				//选择文件上传
    				// uni.chooseImage({
    				// 	count:1,
    				// 	success(res) {
    				// 		console.log();
    				// 		const tempFilePath= res.tempFilePaths[0];
    				// 		console.log(tempFilePath);
    				// 		// 上传图片
    				// 		uniCloud.uploadFile({
    				// 			filePath:tempFilePath,
    				// 			cloudPath:'bbbb.png',
    				// 			success(res) {
    				// 				console.log(res);
    				// 				self.src=res.fileID
    				// 			},
    				// 			fail(err) {
    				// 				console.log(err);
    				// 			}
    				// 		})
    						
    				// 	},
    				// 	fail(err) {
    				// 		console.log(err);
    				// 	} 
    				// })
    				
    				// 删除文件
    				uniCloud.deleteFile({
    					fileList:['https://vkceyugu.cdn.bspapp.com/VKCEYUGU-ab6df015-a43e-4485-a1f4-58b35fad334f/04938d91-3719-4f90-a424-40e022135d37.png'],
    					success(res) {
    						console.log(res);
    					},
    					fail(err) {
    						console.log(err);
    					}
    				})
    			}
    

    云函数完成对数据库的CRUD(需要提前在网页端新建user表)

    连接数据库、并对数据CRUD

    'use strict';
    const db = uniCloud.database(); // 获取数据库的引用
    exports.main = async (event, context) => {
    	const collection = db.collection('user'); //获取user集合
    
    	//增加数据
    	// let res = await collection.add([
    	// 	{
    	// 		name: 'uni'
    	// 	},
    	// 	{
    	// 		name: 'vue'
    	// 	}
    	// ])
    
    	//删除数据
    	// const res = await collection.doc('602f735b6cea45000114be59').remove();
    
    	// 更新数据 使用update(只能更新一存在的数据)
    	//set方法(set方法可以在更新的同时新增一个字段,且如果记录存在就更新,不存在就添加)
    	// const res = await collection.doc('602f735b6cea45000114be58').update({
    	// 	name:'uni-app!!!!'
    	// });
    	// const res = await collection.doc('602f735b6cea45000114be58').set({
    	// 	name:'my app',
    	// 	age:'20'
    	// });
    
    	//查找数据
    	//更具id查询
    	// const res = await collection.doc('602f69cf002aec0001cf50fa').get();
    	//更具条件查询
    	const res = await collection.where({
    		name: event.name
    	}).get();
    
    	console.log(JSON.stringify(res));
    	//返回数据给客户端
    	return {
    		code: 200,
    		message: '查询成功',
    		data: res.data
    	}
    };
    
    
  • 相关阅读:
    dp周训练 状态压缩
    计算几何 点对处理 #345 (Div. 2) C. Watchmen
    Codeforces Round #303 (Div. 2) D. Queue 水题贪心
    TTTTTTTTTTTTT 树的直径 Codeforces Beta Round #14 (Div. 2) D. Two Paths
    TTTTTTTTTTTTT CF Good Bye 2015 C- New Year and Domino(CF611C) 二维前缀
    巨蟒python全栈开发数据库前端8:jQuery框架2
    计时器练习
    onload事件,解决不能在head写代码
    js引入方式的弹框方法2
    pycharm中格式标准化代码
  • 原文地址:https://www.cnblogs.com/sxblog/p/14417440.html
Copyright © 2011-2022 走看看