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

小程序扫码实现读取isbn,获取图书的各种信息
1:用户端小程序调用 wx.scanCode接口,获取到ISBN码
2:使用ISBN码调用云函数,在请求云函数的时候,云函数会请求豆瓣的API,获取豆瓣图书信息。
3:图书信息请求到之后,会将其中无用的信息返回给小程序中,小程序中再拿出获取到的信息,创建图书条目
4:将对应的数据直接存储到云开大的数据库里面

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

微信小程序扫一扫的功能实现:https://www.jianshu.com/p/e00b44293fe0
小程序扫码成功后带着参数跳转到指定页面:https://www.jianshu.com/p/413c5831ddd6

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

demo的示例:

在下面的示例代码里面,我是使用了小程序的组件库的,如果有遇到引入库的问题的可以查看:小程序动端组件库Vant Weapp的使用https://www.jianshu.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自动生成默认的各个函数,可以自己手动删除)

// 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,获取到信息

关于参考的视频资料:可以跟着视频后面学习一下:https://cloud.tencent.com/developer/edu/learn-100005-1244/3154

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq群聊来问我:473819131。

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

  1. 基于微信小程序云开发的投票小程序源码,图文投票微信小程序源码

    功能介绍 投票活动十分火,商家,企业,机构偶尔都会来一场投票活动评选,本小程序支持图文投票,简单方便.随时随地完成投票,可以方便设定投票模式(按天按全程,投票数限定). 本代码前后端完整代码包投票列表 ...

  2. 微信小程序云开发成绩查询小程序的制作过程。

    微信小程序云开发成绩查询小程序的制作过程. 如果觉得我讲的好可以点个关注. 明确自己的目的,到底要做一个怎么样的小程序. 我先上效果图: 确定后就可以开始自己布局.主要是用css 1.先看首页,首页主 ...

  3. 微信小程序云开发 mysql_微信小程序云开发学习笔记(一)云数据库

    云开发配置的环境:cloud-learning 云开发环境初始化准备 需要: APPID 操作: 在创建项目时,填入APPID并选择不使用云函数 进入到开发者页面,点击左上角的云开发并选择开通 设置云 ...

  4. 小程序·云开发,属于小程序的全栈开发机遇

    web前端教程 用大白话,来讲编程 近日,腾讯云"小程序·云开发"解决方案正式上线. 该方案通过简化复杂的后端和运维操作,让即便不具备一定后端知识的开发者也能高效开发出一款高质量的 ...

  5. mysql导入微信小程序云开发_微信小程序-云开发数据库上传json文件

    小程序新增了云开发功能,对于个人开发者是个利好消息.可以省去购买服务器,购买域名以及繁琐配置等步骤,减轻了开发者的负担.至于如何云开发我就不在这里赘述了,请移步微信小程序云开发官方文档,说的很清楚.这 ...

  6. 基于小程序云开发的在线答题小程序源码含答题分类答题记录错题集适合学习适合毕业设计使用

    基于小程序云开发开发的在线答题小程序源码 核心功能: 1.答题分类 2.开始答题 3.答题评分 4.答题记录 5.错题集 部分界面截图: 如有疑问,可联系博主!

  7. 微信小程序云开发-树洞小程序Treehole(介绍)

    记录一款基于云开发的微信小程序. 树洞,顾名思义是作为匿名吐槽的平台,主要功能可以参照微信朋友圈的形式,不过采取的是匿名的方式. 主要基于微信小程序云开发,前端个人主页页面的界面使用的是ColorUi ...

  8. 微信小程序云开发|基于微信小程序实现房产中介平台系统

    作者主页:编程千纸鹤 作者简介:Java.前端.Python开发多年,做过高程,项目经理,架构师 主要内容:Java项目开发.毕业设计开发.面试技术整理.最新技术分享 收藏点赞不迷路  关注作者有好处 ...

  9. 微信小程序云开发 mysql_微信小程序云开发数据库

    如在云开发数据库的基础介绍中所说,云开发提供了一个 JSON 数据库,本章将介绍以下内容: 上手:用控制台创建我的第一个集合,插入我的第一条数据 数据类型:了解数据库提供的数据类型 权限控制:控制集合 ...

  10. 小程序云开发_借助小程序云开发制作校园导览小程序丨实战

    导语 偌大校园,寻路犯难.没关系!本文教你借助云开发制作精美校园导览小程序,带你走遍校园的每个角落,发现不一样的风景. 背景 刚入学的新生要想不迷失在偌大的校园,除了依靠不怎么可靠的路边标识外,总会收 ...

最新文章

  1. 44 jQuery概述和基本使用
  2. Yii 2 —— Model表前缀
  3. 这个对标苹果的微软实体店,开了十一年之后,现在要永久关闭了
  4. FMDB:中的用法介绍
  5. Asp.Net源码(转载)
  6. android 之多线程详解
  7. ajax返回数据报406,ajax – 406返回JSON对象时出错 – 意外内容
  8. 13个美国大学生最常用的社交网络
  9. CMake笔记2 构建动态链接库
  10. 《C++面向对象高效编程(第2版)》——4.5 对象复制的语义
  11. 中国地图json 文件下载
  12. 制作多个exe顺序安装程序(打包程序)
  13. PM3环境搭建和M1卡复制
  14. Lorenzo Von Matterhorn
  15. 绿皮书——iOS导出微信聊天记录,并用python制作词云
  16. 四六级听力考试高频词汇分类记忆-日常生活类
  17. 高强度间歇训练(HIIT)
  18. 【图文详解】一文全面彻底搞懂HBase、LevelDB、RocksDB等NoSQL背后的存储原理:LSM-tree 日志结构合并树...
  19. 亚马逊国际站通过ASIN获取商品信息
  20. Psins代码解析之全局变量轨迹仿真(test_SINS_trj.m)惯性解算(test_SINS.m)

热门文章

  1. python微博爬虫实战_爬虫实战——四大指数之微博指数(一)
  2. 利用js+html做一个简单的体脂率计算
  3. 快速获取网站媒体资源方法
  4. Kafka 过期数据清理 详解
  5. [2007-03下](Lgz独家秘笈)利用ACDSee5编辑,归档多部DC拍摄的图片
  6. ov5640帧率配置_ov5640摄像头设备驱动
  7. 哲学家就餐问题python_无聊的哲学家进餐问题
  8. 产品经理的私房菜 - 腾讯产品模型 - 学习能力篇
  9. 参考文献格式字号字体_参考文献用什么字体字号 参考文献标准格式字体
  10. ei会议和ei源刊的区别_ei和核心期刊的区别在哪里?