小程序云开发实战一:小程序扫一扫获取到图书ISBN码(图书条形码)

简介: 小程序云开发实战一:小程序扫一扫获取到图书ISBN码(图书条形码)

接触到云函数已经有一段时间了,之前一直在看api,现在自己跟着网络上的资料和视频学习,做了一个小项目,类似于豆瓣读书系列。

具体是这样的一个流程,后面会一步步的实现。


小程序扫码实现读取isbn,获取图书的各种信息

1:用户端小程序调用 wx.scanCode接口,获取到ISBN码

2:使用ISBN码调用云函数,在请求云函数的时候,云函数会请求豆瓣的API,获取豆瓣图书信息。

3:图书信息请求到之后,会将其中无用的信息返回给小程序中,小程序中再拿出获取到的信息,创建图书条目

4:将对应的数据直接存储到云开大的数据库里面


之前用过微信扫一扫功能,调用二维码,扫描自己生成的二维码,并将二维码的内容显示在界面的两个例子:

现在是用户端小程序调用 wx.scanCode接口,获取到图书ISBN码(图书条形码),在办公室找了一圈,找到了一本图书ISBN码,可以自动忽略我这渣渣的像素。


demo的示例:

在下面的示例代码里面,我是使用了小程序的组件库的,如果有遇到引入库的问题的可以查看:小程序动端组件库Vant Weapp的使用

1:wxml

<van-button type="primary" bind:click="scanCode">扫码加书</van-button>

2:json

{
 "usingComponents": {
  "van-button": "../../vant/button/index"
}
}

3:js(page自动生成默认的各个函数,可以自己手动删除)

// pages/scanCode/scanCode.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  },
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  },
  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  },
scanCode: function (event) {
console.log(1)
  // 允许从相机和相册扫码
  wx.scanCode({
   onlyFromCamera:true,
   scanType:['barCode'],
   success:res=>{
     console.log(res.result)
   },
   fail:err=>{
     console.log(err);
   }
  })
  }
})

ok,获取到信息

相关文章
|
5天前
|
存储 小程序 前端开发
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
12 0
|
11天前
|
存储 小程序 前端开发
用云开发快速制作客户业务需求收集小程序丨实战
用云开发快速制作客户业务需求收集小程序丨实战
|
19天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的闲置图书分享附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的闲置图书分享附带文章源码部署视频讲解等
29 0
|
21天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的图书电子商务网站附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的图书电子商务网站附带文章源码部署视频讲解等
11 1
|
21天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的“共享书角”图书借还管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的“共享书角”图书借还管理系统附带文章源码部署视频讲解等
12 0
|
25天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的在线图书借阅管理系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的在线图书借阅管理系统附带文章和源代码部署视频讲解等
31 8
|
26天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的二手图书交易系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的二手图书交易系统附带文章和源代码部署视频讲解等
12 0
|
26天前
|
Java 测试技术 数据安全/隐私保护
基于ssm+vue.js+uniapp小程序的“期待相遇”图书借阅系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的“期待相遇”图书借阅系统附带文章和源代码部署视频讲解等
9 0
基于ssm+vue.js+uniapp小程序的“期待相遇”图书借阅系统附带文章和源代码部署视频讲解等
|
28天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的图书管理借阅系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的图书管理借阅系统附带文章和源代码部署视频讲解等
14 0
|
28天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的个性化图书推荐系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的个性化图书推荐系统附带文章源码部署视频讲解等
13 0