知識
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價值,我們在追求其視覺表現(xiàn)的同時,更側(cè)重于功能的便捷,營銷的便利,運營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!
您當(dāng)前位置>首頁 » 新聞資訊 » 公眾號相關(guān) >
uniapp 微信公眾號H5掃碼功能
發(fā)表時間:2020-10-9
發(fā)布人:葵宇科技
瀏覽次數(shù):148
uniapp 不支持H5掃碼功能 所以需要調(diào)用微信的SDK
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#2
第一步 先下載sdk文件,然后引入 index.js文件 也可以放在components方法里
npm install jweixin-module --save
第二步 調(diào)接口返回config配置信息
//在onload 中調(diào)用,找后臺要接口!!!
var apiUrl = location.href.split("#")[0]
uni.request({
url: api.api.getJsSdkConfig,
data: {
url: apiUrl,//當(dāng)前頁面的域名
api: ['scanQRCode'],//調(diào)用的方法去接口列表里找
},
success: function(res) {
var wxData = JSON.parse(res.data.data.config)
that.wx_sanCode(wxData)
}
})
//掃碼
wx_sanCode: function(wxData) {
wx.config({
debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數(shù),可以在pc端打開,參數(shù)信息會通過log打出,僅在pc端時才會打印。
appId: wxData.appId, // 必填,公眾號的唯一標(biāo)識
timestamp: wxData.timestamp, // 必填,生成簽名的時間戳
nonceStr: wxData.nonceStr, // 必填,生成簽名的隨機(jī)串
signature: wxData.signature, // 必填,簽名
jsApiList: wxData.jsApiList // 必填,需要使用的JS接口列表
})
wx.ready(function() {
// config信息驗證后會執(zhí)行ready方法,所有接口調(diào)用都必須在config接口獲得結(jié)果之后,config是一個客戶端的異步操作,所以如果需要在頁面加載時就調(diào)用相關(guān)接口,則須把相關(guān)接口放在ready函數(shù)中調(diào)用來確保正確執(zhí)行。對于用戶觸發(fā)時才調(diào)用的接口,則可以直接調(diào)用,不需要放在ready函數(shù)中。
wx.checkJsApi({
jsApiList: ['scanQRCode'], // 需要檢測的JS接口列表,所有JS接口列表見附錄2,
success: function(res) {
console.log('返回信息')
console.log(res)
// 以鍵值對的形式返回,可用的api值true,不可用為false
// 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
}
});
});
wx.error(function(res){
// config信息驗證失敗會執(zhí)行error函數(shù),如簽名過期導(dǎo)致驗證失敗,具體錯誤信息可以打開config的debug模式查看,也可以在返回的res參數(shù)中查看,對于SPA可以在這里更新簽名。
console.log(res,'接口驗證失敗')
});
}
然后就是點擊事件乎起掃碼功能
//掃碼
bindsaoQRcode:function(){
wx.scanQRCode({
needResult: 1, // 默認(rèn)為0,掃描結(jié)果由微信處理,1則直接返回掃描結(jié)果,
scanType: ["qrCode","barCode"], // 可以指定掃二維碼還是一維碼,默認(rèn)二者都有
success: function (res) {
console.log(res);
console.log('掃碼')
var result = res.resultStr; // 當(dāng)needResult 為 1 時,掃碼返回的結(jié)果
window.location.href = result //安卓機(jī)型跳轉(zhuǎn)渲染有問題 所以要加這句
}
});
},
相關(guān)案例查看更多
相關(guān)閱讀
- 智慧農(nóng)貿(mào)市場
- 云南網(wǎng)站開發(fā)
- 云南網(wǎng)站建設(shè)
- 云南網(wǎng)站建設(shè)專業(yè)品牌
- 云南網(wǎng)站維護(hù)
- 云南網(wǎng)站建設(shè)快速優(yōu)化
- 網(wǎng)站建設(shè)專業(yè)品牌
- 網(wǎng)站建設(shè)百度官方
- 網(wǎng)絡(luò)公司聯(lián)系方式
- 小程序的開發(fā)公司
- 網(wǎng)站優(yōu)化公司
- 網(wǎng)站建設(shè)需要多少錢
- 云南網(wǎng)站建設(shè)百度官方
- 云南手機(jī)網(wǎng)站建設(shè)
- 迪慶小程序開發(fā)
- 小程序模板開發(fā)公司
- 汽車報廢回收
- 網(wǎng)站建設(shè)案例
- 報廢車管理系統(tǒng)
- 網(wǎng)站排名
- 云南網(wǎng)站建設(shè)哪家強(qiáng)
- 百度人工排名
- 云南網(wǎng)站建設(shè)方案 doc
- 昆明小程序開發(fā)
- 網(wǎng)站建設(shè)價格
- 網(wǎng)站建設(shè)費用
- 網(wǎng)站建設(shè)首頁
- 云南做軟件
- 國內(nèi)知名網(wǎng)站建設(shè)公司排名
- asp網(wǎng)站