1.最簡單的掃二維碼獲得資訊。

首先，在網上找一個二維碼生成網站，生成一個二維碼，我用的是草料二維碼，隨便生成了一個二維碼做測試。

就這個。

我搭建的介面如下：

如圖可見，點選1中的“點我掃一掃”，可以掃二維碼，掃錯了如2所示，掃對了如3所示。“你傻不傻啊？”就是上圖的二維碼內容。

嗯，大家都不傻。

4是小程式的結構，就是快速模板建立的，index頁面裡的內容都刪空了，替換了新的程式碼，其中wxss檔案沒有東西，因為並沒有對介面進行設計。

其中index.wxml的程式碼如下：

<view>  
  <view bindtap="click">點我掃一掃</view>  
  <view>{{show}}</view>  
</view> 
 

//獲取應用例項  
var app = getApp()
Page({
  data: {
    show: "",
  },

  onLoad: function () {
    console.log('onLoad')
  },
  click: function () {
    var that = this;
    var show;
    wx.scanCode({
      success: (res) => {
        this.show = "結果:" + res.result + "二維碼型別:" + res.scanType + "字符集:" + res.charSet + "路徑:" + res.path;
        that.setData({
          show: this.show
        })
        wx.showToast({
          title: '成功',
          icon: 'success',
          duration: 2000
        })
      },
      fail: (res) => {
        wx.showToast({
          title: '失敗',
          icon: 'success',
          duration: 2000
        })
      },
      complete: (res) => {
      }  
    })
  }
})
 

access_token：

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140183

獲取二維碼：

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

生成帶引數的二維碼：

https://jingyan.baidu.com/article/fdbd4277cfd0c6b89f3f485f.html

漸進式達成目的，首先編寫一個微信小程式，掃二維碼，獲取二維碼資訊，這樣就get了微信小程式掃二維碼的原始碼和技能；然後通過掃二維碼跳轉網頁；然後掃二維碼獲得圖片。

1.獲取二維碼資訊

2.獲得網址跳轉網頁

3.獲得圖片，並顯示