之前的文章里面已經詳細寫過像云數據庫里面插入數據的方法艰赞,現在用在實際項目里面再寫一遍。
1:使用數據庫的時候霹琼,首先要進行初始化
云開發(fā)數據庫文檔:
https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/init.html
2:打開云開發(fā)控制臺
老規(guī)矩,創(chuàng)建一個集合
books
3:打開小程序端js,
初始化數據庫
//云數據庫初始化
const db = wx.cloud.database({});
const book = db.collection('books');
4:添加數據(插入數據)
js代碼流程
// pages/scanCode/scanCode.js
Page({
data: {
},
scanCode: function (event) {
console.log(1)
// 允許從相機和相冊掃碼
wx.scanCode({
onlyFromCamera: true,
scanType: ['barCode'],
success: res => {
console.log(res.result)
//
wx.cloud.callFunction({
// 要調用的云函數名稱
name: 'bookinfo',
// 傳遞給云函數的參數
data: {
isbn: res.result
},
success: res => {
// console.log(res)
//進一步的處理
var bookString = res.result;
console.log(JSON.parse(bookString))
//云數據庫初始化
const db = wx.cloud.database({});
const book = db.collection('books')
db.collection('books').add({
// data 字段表示需新增的 JSON 數據
data: JSON.parse(bookString)
}).then(res => {
console.log(res)
}).catch(err => {
console.log(err)
})
},
fail: err => {
console.error(res)
}
})
},
fail: err => {
console.log(err);
}
})
}
})
5:代碼邏輯
1:點擊按鈕之后調用掃一掃scanCode
2:讀取照相機傳遞過來的圖片,拿到barCode的代碼
3:將拿到的barCode代碼傳遞給云函數中的bookinfo豁生,傳遞后將結果獲取到本地
4:用云數據庫的示例去創(chuàng)建新的字段添加到數據庫之中
6:測試一下兔毒,好了,小程序端獲取的豆瓣API數據存入云數據庫里面了甸箱。
附上:
主要思路:
1:通過調用小程序的掃碼的api
2:調用云函數獲取到圖書的信息育叁,并將圖書信息傳遞到小程序
3:在小程序中 調用云數據庫來添加
可能會有很多人有問,為啥不直接在云函數中完成添加芍殖?會更加簡單方便啊豪嗽,暫時留個懸念啊啊哈。
原文作者:祈澈姑娘 技術博客:http://www.reibang.com/u/05f416aefbe1
90后前端妹子豌骏,愛編程龟梦,愛運營,愛折騰窃躲。
堅持總結工作中遇到的技術問題计贰,堅持記錄工作中所所思所見,對于博客上面有不會的問題蒂窒,可以加入qq群聊來問我:473819131躁倒。
小程序云開發(fā)入門實戰(zhàn)課程總結:
小程序云開發(fā)實戰(zhàn)一:小程序掃一掃獲取到圖書ISBN碼(圖書條形碼)
小程序云開發(fā)實戰(zhàn)二:小程序云開發(fā)云函數安裝依賴步驟
小程序云開發(fā)實戰(zhàn)三:編寫云函數代碼
小程序云開發(fā)實戰(zhàn)四:調用豆瓣API獲取具體的數據
小程序云開發(fā)實戰(zhàn)五:如何將獲取到的API數據存入云數據庫里面
小程序云開發(fā)實戰(zhàn)六:云數據庫讀取的數據顯示在小程序端列表里
小程序云開發(fā)實戰(zhàn)七:云開發(fā)首頁列表跳轉詳情頁