新建一個uni-app 項目 啟動雲開發 選擇想要的雲服務
在次之前先完成uniCloud 的實名認證
新雲函數 的基礎樣式
選擇上傳並運行 等待控制台上傳完成
可以去web端 雲函數列表查看 是否有雲函數出現
在頁面請求雲函數
<template> <view class="content"> <!-- 定義請求按鈕 --> <button type="default" @click="req">請求</button> </view> </template> <script> export default { methods: { //請求參數 request() { //調取雲函數 uniCloud.callFunction({ name: 'login', // 雲函數名字 // 傳輸數據 data: { name:'測試' }, // 成功 success(res) { console.log(res); }, //失敗 fail(e) { console.log(e); } }) } } } </script>
'use strict'; exports.main = async (event, context) => { //event為客戶端上傳的參數 console.log('event : ', event) return { code: 200, msg: '查詢成功', data: event } }
成功樣式
'use strict'; const db = uniCloud.database() //對數據庫的對象獲取; exports.main = async (event, context) => { const collection = db.collection('holle') //對holle數據庫的獲取; //event為客戶端上傳的參數 console.log('event : ', event) // 添加數據 let res = await collection.add({ name: event.name //data傳過來的name }) return { code: 200, msg: '查詢成功', data: res } }
添加一個對象數組 這邊為了方便展示 就直接寫死要傳的值
'use strict'; const db = uniCloud.database() //對數據庫的對象獲取; exports.main = async (event, context) => { const collection = db.collection('holle') //對holle數據庫的獲取; //event為客戶端上傳的參數 console.log('event : ', event) // 添加對象數組 let res = await collection.add([{ name: '測試1' }, { name: '測試2', tiem: Date.now() //獲取當前時間 }]) return { code: 200, msg: '查詢成功', data: res } }
添加成功 去web端雲數據庫查看
'use strict'; const db = uniCloud.database() //對數據庫的對象獲取; exports.main = async (event, context) => { const collection = db.collection('holle') //對holle數據庫的獲取; //event為客戶端上傳的參數 console.log('event : ', event) // 刪除數據 測試1 let res = await collection.doc('604ae3b233ae930001f67840').remove() console.log(JSON.stringify(res)); return { code: 200, msg: '查詢成功', data: res } }
去web控制台刷新就發現 測試 1 的數據被刪除了
'use strict'; const db = uniCloud.database() //對數據庫的對象獲取; exports.main = async (event, context) => { const collection = db.collection('holle') //對holle數據庫的獲取; //event為客戶端上傳的參數 console.log('event : ', event) // 修改數據 對測試 就行修改 let res = await collection.doc('604ae03e9e89280001740a76').update({ name: '現在修改 測試' }) console.log(JSON.stringify(res)); return { code: 200, msg: '查詢成功', data: res } }
修改成功 去web端雲數據庫查看
'use strict'; const db = uniCloud.database() //對數據庫的對象獲取; exports.main = async (event, context) => { const collection = db.collection('holle') //對holle數據庫的獲取; //event為客戶端上傳的參數 console.log('event : ', event) // 數據更新 let res = await collection.doc('604ae03e9e89280001740a76').set({ name: '現在修改 測試', tiem: Date.now(), //獲取當前時間 key: '更新出現的' }) console.log(JSON.stringify(res)); return { code: 200, msg: '查詢成功', data: res } }
更新成功 去web端雲數據庫查看
'use strict'; const db = uniCloud.database() //對數據庫的對象獲取; exports.main = async (event, context) => { const collection = db.collection('holle') //對holle數據庫的獲取; //event為客戶端上傳的參數 console.log('event : ', event) // 查找數據 尋找key為 更新出現的 let res = await collection.where({ key: '更新出現的' }).get() console.log(JSON.stringify(res)); return { code: 200, msg: '查詢成功', data: res } }
去頁面點擊按鈕查看打印出來的數據
項目地址:https://gitee.com/jielov/uni-cloud_development