手机版

微信小程序扫描二维码获取信息示例

时间:2021-08-24 来源:互联网 编辑:宝哥软件园 浏览:

1.获取信息最简单的方法就是扫描二维码。

首先在网上找一个二维码生成网站,生成一个二维码。我用了一个草料二维码,随机生成一个二维码进行测试。

就这样。

我构建的界面如下:

从图中可以看到,点击1中的“点击我扫描”即可扫描二维码。错误的扫描显示为2,正确的扫描显示为3。“你傻吗?”就是上面的二维码。

嗯,每个人都不傻。

4是小程序的结构,它是由快速模板创建的。索引页中的所有内容都将被删除,新代码将被替换。wxss文件中没有任何内容,因为没有设计接口。

index.wxml的代码如下:

View view bindtap='click '点扫/view view{{show}}/view /view无话可说,就是当你点击“点扫”时,调用click函数,结果值为show。

index.js的代码如下:

//获取应用程序实例varapp=getapp()页面({data: {show: ' ',},onload : function(){ console . log(' onload ')}),单击: function(){ varthat=this;var显示;wx . scan code({ success :(RES)={ this . show=' result : ' RES . result '二维码类型: ' res.scanType '字符集:' res.charSet '路径: ' res.paththat . setdata({ show : this . show })wx . show toast({ title : ' success ',icon :' success ',duration : 2000})、Fail: (RES)={wx。showtoast ({title :' failure ',icon :' success ',duration 3360 2000 })},complete: (RES)={})这几乎是微信官方文档的一个样例。

点击功能被定义并被赋予显示值。

Wx.scancoad和wx.showToast是微信小程序的内置功能。

wx.scancoad中的结果是二维码的内容。

正式文件如下:

https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-react.html

这改变了这两个文件,wxss是空的。

二维码扫描得到了,继续下一个,跳到下一页。

本来想做一个渐进式的教程,但是发现后面两个有点麻烦。请附上参考资料,符合条件再写。

看看数据,如果你想跳转,你应该在二维码中有路径的值,你应该有认证的小程序和服务号才能得到这个。access_token:

https://mp.weixin.qq.com/wiki?t=resource/RES _ mainid=MP 1421140183

获取二维码:

https://mp.weixin.qq.com/debug/wxadoc/dev/api/qrcode.html

生成带参数的二维码:

https://jingyan . Baidu.com/article/fdbd 4277 CFD 0 c6b 89 F3 f 485 f . html

以上是边肖介绍的微信小程序,扫描二维码获取信息,详细讲解并整合,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

版权声明:微信小程序扫描二维码获取信息示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。