接觸到云函數(shù)已經(jīng)有一段時間了削锰,之前一直在看api,現(xiàn)在自己跟著網(wǎng)絡(luò)上的資料和視頻學(xué)習(xí)颅夺,做了一個小項(xiàng)目蛹稍,類似于豆瓣讀書系列。
具體是這樣的一個流程拗慨,后面會一步步的實(shí)現(xiàn)。
小程序掃碼實(shí)現(xiàn)讀取isbn剧蹂,獲取圖書的各種信息
1:用戶端小程序調(diào)用 wx.scanCode接口,獲取到ISBN碼
2:使用ISBN碼調(diào)用云函數(shù)烦却,在請求云函數(shù)的時候,云函數(shù)會請求豆瓣的API车吹,獲取豆瓣圖書信息醋闭。
3:圖書信息請求到之后,會將其中無用的信息返回給小程序中证逻,小程序中再拿出獲取到的信息囚企,創(chuàng)建圖書條目
4:將對應(yīng)的數(shù)據(jù)直接存儲到云開大的數(shù)據(jù)庫里面
之前用過微信掃一掃功能,調(diào)用二維碼棵逊,掃描自己生成的二維碼银酗,并將二維碼的內(nèi)容顯示在界面的兩個例子:
微信小程序掃一掃的功能實(shí)現(xiàn):http://www.reibang.com/p/e00b44293fe0
小程序掃碼成功后帶著參數(shù)跳轉(zhuǎn)到指定頁面:http://www.reibang.com/p/413c5831ddd6
現(xiàn)在是用戶端小程序調(diào)用 wx.scanCode接口,獲取到圖書ISBN碼(圖書條形碼),在辦公室找了一圈蛙讥,找到了一本圖書ISBN碼灭衷,可以自動忽略我這渣渣的像素。
demo的示例:
在下面的示例代碼里面迫像,我是使用了小程序的組件庫的瞳遍,如果有遇到引入庫的問題的可以查看:小程序動端組件庫Vant Weapp的使用http://www.reibang.com/p/10d75a3ca3d0
1:wxml
<van-button type="primary" bind:click="scanCode">掃碼加書</van-button>
2:json
{
"usingComponents": {
"van-button": "../../vant/button/index"
}
}
3:js(page自動生成默認(rèn)的各個函數(shù)傅蹂,可以自己手動刪除)
// pages/scanCode/scanCode.js
Page({
/**
* 頁面的初始數(shù)據(jù)
*/
data: {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面加載
*/
onLoad: function (options) {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面顯示
*/
onShow: function () {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面隱藏
*/
onHide: function () {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面卸載
*/
onUnload: function () {
},
/**
* 頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動作
*/
onPullDownRefresh: function () {
},
/**
* 頁面上拉觸底事件的處理函數(shù)
*/
onReachBottom: function () {
},
/**
* 用戶點(diǎn)擊右上角分享
*/
onShareAppMessage: function () {
},
scanCode: function (event) {
console.log(1)
// 允許從相機(jī)和相冊掃碼
wx.scanCode({
onlyFromCamera:true,
scanType:['barCode'],
success:res=>{
console.log(res.result)
},
fail:err=>{
console.log(err);
}
})
}
})
ok,獲取到信息
關(guān)于參考的視頻資料:可以跟著視頻后面學(xué)習(xí)一下:https://cloud.tencent.com/developer/edu/learn-100005-1244/3154
原文作者:祈澈姑娘 技術(shù)博客:http://www.reibang.com/u/05f416aefbe1
90后前端妹子,愛編程婚夫,愛運(yùn)營,愛折騰限嫌。
堅(jiān)持總結(jié)工作中遇到的技術(shù)問題时捌,堅(jiān)持記錄工作中所所思所見,對于博客上面有不會的問題稚叹,可以加入qq群聊來問我:473819131拿诸。
小程序云開發(fā)入門實(shí)戰(zhàn)課程總結(jié):
小程序云開發(fā)實(shí)戰(zhàn)一:小程序掃一掃獲取到圖書ISBN碼(圖書條形碼)
小程序云開發(fā)實(shí)戰(zhàn)二:小程序云開發(fā)云函數(shù)安裝依賴步驟
小程序云開發(fā)實(shí)戰(zhàn)三:編寫云函數(shù)代碼
小程序云開發(fā)實(shí)戰(zhàn)四:調(diào)用豆瓣API獲取具體的數(shù)據(jù)
小程序云開發(fā)實(shí)戰(zhàn)五:如何將獲取到的API數(shù)據(jù)存入云數(shù)據(jù)庫里面
小程序云開發(fā)實(shí)戰(zhàn)六:云數(shù)據(jù)庫讀取的數(shù)據(jù)顯示在小程序端列表里
小程序云開發(fā)實(shí)戰(zhàn)七:云開發(fā)首頁列表跳轉(zhuǎn)詳情頁