微信小程序扫一扫的功能实现
突然接到了个小程序的项目，手上的管理后台终于可以放下一段时间了 ，算了一下，今年几乎都在写管理后台的几个项目，真心没有什么特别的进步，基本都是靠着组传代码，不断的重构，复用。
接下来又可以回归到不断的去挑战新技术和新功能的阶段了，其实还蛮开心的。今天写一个关于微信小程序扫一扫的功能。
小程序开发其实还是比较简单的，有完善的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后前端妹子一枚，爱编程，爱运营，爱折腾。长期坚持总结工作中遇到的技术问题。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018.12.05 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读