微信小程序 掃一掃跳轉到外部鏈接

微信是不支持直接跳轉到外部的鏈接，那就真的不能了嗎？？？

我們可以轉換一下思維，中間先跳轉到其他頁面，在通過頁面內的<web-view></web-view>標籤中的 src 屬性進行設置就可以了

在wxml 文件中寫：

<button bindtap="fun">掃一掃</button>

在js文件中調取微信掃碼API方法

  fun() { 
    wx.scanCode({  // 微信掃碼 調起客戶端掃碼界面進行掃碼
      complete: (res) => {}, //接口調用結束的回調函數（調用成功、失敗都會執行）
      fail: (res) => {}, //接口調用失敗的回調函數
      onlyFromCamera: true, //是否只能從相機掃碼，不允許從相冊選擇圖片,這裏是只允許相機掃碼
      scanType: ['qrCode'], // scanType：掃碼類型 : 二維碼
      success: (result) => { // 接口調用成功的回調函數
        console.log(result);
        wx.navigateTo({ //navigateTo:頁面跳轉 保留當前頁面（頁面隱藏，並未銷燬，節省性能），跳轉到應用內的某個頁面。但是不能跳到 tabbar 頁面  ，小程序使用頁面跳轉方法的時候 不能添加文件擴展名，否則會沒有反應
          url: '/pages/gyf/gyf',
        })
        wx.setStorage({ // 設置微信本地存儲數據
          data: result,
          key: 'key',
          complete: (res) => {},
          fail: (res) => {},
          success: (res) => {},
        })
      }
    })
  }

可以看到我們navigateTo 是跳轉我們本地的一個頁面

 我們可以在這個頁面中使用<web-view></web-view>標籤中的 src 屬性進行外部鏈接跳轉

<web-view src="https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html"></web-view><!--指向外部的網頁鏈接-->