微信小程序> 微信小程序扫一扫的功能实现

微信小程序扫一扫的功能实现

浏览量:1052 时间: 来源:祈澈菇凉

突然接到了个小程序的项目,手上的管理后台终于可以放下一段时间了 ,算了一下,今年几乎都在写管理后台的几个项目,真心没有什么特别的进步,基本都是靠着组传代码,不断的重构,复用。

接下来又可以回归到不断的去挑战新技术和新功能的阶段了,其实还蛮开心的。今天写一个关于微信小程序扫一扫的功能。

小程序开发其实还是比较简单的,有完善的api文档和大多数前辈的网络博客助阵,用起来分分钟的事情。

参考:官方文档:调起客户端扫码界面进行扫码

小程序

其实很简单,文档之中也一目了然,还是忍不住写了个小的简单的demo:

wxml:

<view class="container">  <button bindtap='getScancode'>绑定车辆</button>  <view wx:if="{{result !=''}}">    <view>扫码的内容:{{result}}</view>  </view></view>

js:

//index.js//获取应用实例const app = getApp()Page({  data: {    result: ''  },  onLoad: function() {  },  getScancode: function() {    var _this = this;    // 允许从相机和相册扫码    wx.scanCode({      success: (res) => {        var result = res.result;        _this.setData({          result: result,        })      }    })   }})

在电脑上的效果是这样的:


小程序

这个时候就需要在手机上查看效果了,和调用微信聊天工具里面的扫一扫效果是一样的,就不放图了。这也仅仅是个简单的功能的实现,在具体的项目之中,会进一步有所完善,比如会扫到带参数的二维码,并且把这些参数获取并且带到另外一个页面上显示,后续的文章里会继续更新。

原文作者:祈澈姑娘。 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子一枚,爱编程,爱运营,爱折腾。长期坚持总结工作中遇到的技术问题。

  • 热门推荐:前端,Java,产品经理,微信小程序,Python等资源合集大放送
小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎