微信小程序?qū)崿F(xiàn)的一鍵連接wifi功能示例

更新時(shí)間：2019年04月24日 11:31:33 作者：weixin_41991473

這篇文章主要介紹了微信小程序?qū)崿F(xiàn)的一鍵連接wifi功能,結(jié)合實(shí)例形式分析了微信小程序操作WiFi連接的模塊初始化、配置、連接等相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了微信小程序?qū)崿F(xiàn)的一鍵連接wifi功能。分享給大家供大家參考，具體如下：

在已知wifi賬號(hào)和wifi密碼的情況下，一般采用以下的流程來連接wifi

Wi-Fi 接口調(diào)用：

1.Android： startWifi —> connectWifi —> onWifiConnected

2.iOS（僅iOS 11及以上版本支持）：

startWifi —> connectWifi —> onWifiConnected

操作步驟如下：

1.獲取手機(jī)的型號(hào)：

connectWifi:function() {
var that = this;
//檢測(cè)手機(jī)型號(hào)
wx.getSystemInfo({
success: function(res) {
var system = '';
if (res.platform == 'android') system = parseInt(res.system.substr(8));
if (res.platform == 'ios') system = parseInt(res.system.substr(4));
if (res.platform == 'android' && system < 6) {
wx.showToast({
title: '手機(jī)版本不支持',
})
return
}
if (res.platform == 'ios' && system < 11.2) {
wx.showToast({
title: '手機(jī)版本不支持',
})
return
}
//2.初始化 Wi-Fi 模塊
that.startWifi();
}
})
},
//初始化 Wi-Fi 模塊
startWifi: function() {
var that=this
wx.startWifi({
success: function() {
//請(qǐng)求成功連接Wifi
that.Connected();
},
fail: function(res) {
this.setData({
wx.showToast({
title: '接口調(diào)用失敗',
})
});
}
})
},

3.連接已知Wifi

Connected: function() {
var that=this
wx.connectWifi({
SSID: that.data.accountNumber,
BSSID: that.data.bssid,
password: that.data.password,
success: function(res) {
wx.showToast({
title: 'wifi連接成功',
})
},
fail: function(res) {
wx.showToast({
title: 'wifi連接失敗',
})
}
})
},
//使用的參數(shù)
data:{
accountNumber: '',//Wi-Fi 的SSID，即賬號(hào)
bssid: '',//Wi-Fi 的ISSID
password: '',//Wi-Fi 的密碼
}

.wxml連接按鈕

<button bindtap="connectWifi"></button>

如測(cè)試失?。嚎闪粞?，看到后即可回復(fù)，建議用真機(jī)調(diào)試

相關(guān)接口調(diào)用可參考官方文檔：https://developers.weixin.qq.com/miniprogram/dev/api/wx.connectWifi.html

希望本文所述對(duì)大家微信小程序開發(fā)有所幫助。

您可能感興趣的文章:

相關(guān)文章

如何利用echarts畫雷達(dá)圖和折柱混合
最近使用echarts做的一個(gè)H5的成績(jī)數(shù)據(jù)報(bào)告,里面使用了雷達(dá)圖已經(jīng)折線圖和柱狀圖,下面這篇文章主要給大家介紹了關(guān)于如何利用echarts畫雷達(dá)圖和折柱混合的相關(guān)資料,需要的朋友可以參考下
2022-04-04
原生JavaScript實(shí)現(xiàn)留言板
這篇文章主要為大家詳細(xì)介紹了原生JavaScript實(shí)現(xiàn)留言板，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
前臺(tái)js改變Session的值(用ajax實(shí)現(xiàn))
前臺(tái)js改變Session的值,有很多的新手朋友對(duì)此問題會(huì)很陌生，本文將提供解決方法，需要了解的朋友可以參考下
2012-12-12
Prototype框架詳解
Prototype是一個(gè)JavaScript框架，旨在簡(jiǎn)化動(dòng)態(tài)Web應(yīng)用程序的開發(fā)。原型被稱為作為一個(gè)單一的文件分發(fā)的prototype.js，本文給大家介紹prototype框架，感興趣的朋友一起學(xué)習(xí)吧
2015-11-11
判斷數(shù)組的最佳方法(推薦)
下面小編就為大家?guī)硪黄猨s判斷數(shù)組的最佳方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
圖解JavaScript中的this關(guān)鍵字
這篇文章利用圖片講解的方式向大家解釋了JavaScript中的this關(guān)鍵字，JavaScript this 到底指向什么？從這篇文章中大家可以得到想要的答案，需要的朋友可以參考下
2015-10-10
聊聊那些使用前端Javascript實(shí)現(xiàn)的機(jī)器學(xué)習(xí)類庫
本文介紹了前端Javascript實(shí)現(xiàn)的機(jī)器學(xué)習(xí)類庫，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-09-09
關(guān)于JavaScript的gzip靜態(tài)壓縮方法
關(guān)于JavaScript的gzip靜態(tài)壓縮方法...
2007-01-01
微信sdk實(shí)現(xiàn)禁止微信分享(使用原生php實(shí)現(xiàn))
這篇文章主要介紹了微信sdk實(shí)現(xiàn)禁止微信分享(使用原生php實(shí)現(xiàn))，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-11-11
webpack cjs運(yùn)行時(shí)分析示例詳解
這篇文章主要介紹了webpack cjs運(yùn)行時(shí)分析，本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2022-12-12