小程序云开发基础教程一
接触到云函数已经有一段时间了,之前一直在看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后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见
- 关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源200G干货大全。
小程序云开发基础教程一相关推荐
- 微信小程序云开发基础版也开始收费了
发现问题 之前把菜谱小程序的爬虫服务由SpringBoot迁移为了基于Node.js的微信云开发,原因是当时想为本来配置就不高的云服务器腾出一点地方,想当初云开发基础版还是免费的,因为基础版确实适合用 ...
- 小程序+云开发---基础篇
1.小程序的基础练习 <!--pages/base/base.wxml--> <text>{{msg}}</text> <image class='banne ...
- 微信小程序云开发学习
1.参考视频教程:微信小程序云开发基础到实战 云数据库 云函数 云存储 云调用[新视觉]_哔哩哔哩_bilibili 2.参考笔记: 本来想自己做一份笔记的,后来发现已经有人做了份非常不错的笔记了,再 ...
- 视频教程-AI拍照识花小程序云开发,无需调用后台接口,上线你的识花小程序-微信开发
AI拍照识花小程序云开发,无需调用后台接口,上线你的识花小程序 五年互联网实战开发经验,全栈工程师,熟悉主流前端开发技术,js,vue等,后端技术方向在python,node,曾先后就职于阿里云,阿里 ...
- 【微信小程序云开发】笔记
获取AppID 云开发必须要有AppID,去链接(https://mp.weixin.qq.com/wxopen/waregister?action=step1)使用邮箱进行注册,注册后使用AppID ...
- 微信小程序云开发 初学者入门教程一
微信小程序云开发 初学者入门教程一(云开发环境搭建) 本教程适合刚刚入门的小白,云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现 ...
- 微信小程序云开发教程一
微信小程序云开发 初学者入门教程一(云开发环境搭建) 本教程适合刚刚入门的小白,云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现 ...
- 视频教程-5小时零基础入门小程序云开发-微信开发
5小时零基础入门小程序云开发 码农一枚,非著名全栈开发人员.分享自己的一些经验,学习心得,希望后来人少走弯路,少填坑. 多年全栈开发经验,擅长小程序,java,安卓,web前端开发. 邱石 ¥29.0 ...
- 微信小程序云函数传递数组_微信小程序云开发能力之数据库基础概念
云开发提供了一个 JSON 数据库,顾名思义,数据库中的每条记录都是一个 JSON 格式的对象.何为JSON 格式的对象? 像这样的{"name":"温仪" , ...
最新文章
- Android onConfigurationChanged 收不到回调
- 通用版!完整代码,单链表SingleLinkedList增删改查,反转,逆序,有效数据等Java实现
- STL::map默认会按照.first的字母顺序排列
- 逆幂律模型_【微微出品】加速模型一起聊聊Peck、Lawson、MILHDBK217
- 持续集成部署Jenkins工作笔记0009---创建SVN版本库并提交Maven工程
- 【博客项目】—密码加密( 六)
- 缺陷检测算法matlab,MATLAB 基于模板匹配的玻璃瓶口缺陷检测
- window对象与document对象的区别
- 第六天:对项目后端日志存储
- FTP服务器上传文件操作方法,FTP工具(FLASHFXP)下载使用教程
- 重庆邮电大学801信号与系统考研最核心知识点
- 一个windows右键关联工具
- 【人工智能】机器学习西瓜书11——经验误差与过拟合,模型评估的方法,均方误差,错误率与精度,最优阈值
- sql date_format用法
- cordova 图标设置
- 数据外连接 LEFT OUT JOIN 的用法
- rot13初学者和python的实现
- java tolist_java – Collectors.toList()返回什么类型的List?
- c语言输出大数,C语言数据输出大汇总
- docker创始人所罗门海克斯