突然接到了个小程序的项目, 手上的管理后台终于可以放下一段时间了 , 算了一下, 今年几乎都在写管理后台的几个项目, 真心没有什么特别的进步, 基本都是靠着组传代码, 不断的重构, 复用.
接下来又可以回归到不断的去挑战新技术和新功能的阶段了, 其实还蛮开心的. 今天写一个关于微信小程序扫一扫的功能.
小程序开发其实还是比较简单的, 有完善的 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,
- })
- }
- })
- }
- })
在电脑上的效果是这样的:
这个时候就需要在手机上查看效果了, 和调用微信聊天工具里面的扫一扫效果是一样的, 就不放图了. 这也仅仅是个简单的功能的实现, 在具体的项目之中, 会进一步有所完善, 比如会扫到带参数的二维码, 并且把这些参数获取并且带到另外一个页面上显示, 后续的文章里会继续更新.
来源: http://www.jianshu.com/p/e00b44293fe0