小程序云開發(fā)實(shí)戰(zhàn)一:小程序掃一掃獲取到圖書ISBN碼(圖書條形碼)

接觸到云函數(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)詳情頁

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末亩码,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子飒泻,更是在濱河造成了極大的恐慌啊掏,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件刹孔,死亡現(xiàn)場離奇詭異娜睛,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)方库,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門纵潦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人邀层,你說我怎么就攤上這事【⒃” “怎么了秸谢?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長塑煎。 經(jīng)常有香客問我臭蚁,道長,這世上最難降的妖魔是什么炭晒? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任甥角,我火速辦了婚禮,結(jié)果婚禮上震束,老公的妹妹穿的比我還像新娘当犯。我一直安慰自己,他們只是感情好嘉栓,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布拓诸。 她就那樣靜靜地躺著奠支,像睡著了一般。 火紅的嫁衣襯著肌膚如雪倍谜。 梳的紋絲不亂的頭發(fā)上叉抡,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天卜壕,我揣著相機(jī)與錄音烙常,去河邊找鬼鹤盒。 笑死,一個胖子當(dāng)著我的面吹牛驼鞭,可吹牛的內(nèi)容都是我干的尺碰。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼洛心,長吁一口氣:“原來是場噩夢啊……” “哼题篷!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起番枚,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤葫笼,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后溯街,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體洋丐,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年韩肝,在試婚紗的時候發(fā)現(xiàn)自己被綠了九榔。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡催蝗,死狀恐怖育特,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情缰冤,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布怀薛,位于F島的核電站迷郑,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏焚碌。R本人自食惡果不足惜霸妹,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望摆出。 院中可真熱鬧首妖,春花似錦、人聲如沸有缆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽袖外。三九已至,卻和暖如春泌射,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背熔酷。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工拒秘, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留号显,地道東北人。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓躺酒,卻偏偏與公主長得像押蚤,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子阴颖,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容