小程式怎麼連WIFI

這篇文章主要介紹了微信小程式實現連接wifi功能，結合實例形式分析了微信小程式操作WiFi連接的模組初始化、設定、連接等相關操作技巧，需要的朋友可以參考下

小程式怎麼連WIFI

在已知wifi帳號和wifi密碼的情況下，一般採用以下的流程來連接wifi。

推薦學習：小程式開發教學

Wi-Fi 介面呼叫：

1、Android

 startWifi —> connectWifi —> onWifiConnected

2、iOS（僅iOS 11以上版本支援）：

startWifi —> connectWifi —> onWifiConnected

#操作步驟如下：

1、取得手機的型號：

connectWifi:function() {
    var that = this;
    //检测手机型号
    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 == &#39;android&#39; && system < 6) {
                wx.showToast({
                    title: &#39;手机版本不支持&#39;,
                })
                return
            }
            if (res.platform == &#39;ios&#39; && system < 11.2) {
                wx.showToast({
                    title: &#39;手机版本不支持&#39;,
                })
                return
            }
            //2.初始化 Wi-Fi 模块
            that.startWifi();
        }
    })
},
//初始化 Wi-Fi 模块
startWifi: function() {
    var that=this
    wx.startWifi({
        success: function() {
            //请求成功连接Wifi
            that.Connected();
        },
        fail: function(res) {
            this.setData({
                wx.showToast({
                    title: &#39;接口调用失败&#39;,
                })
            });
        }
    })
},

2、連接已知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连接失败',
            })
        }
    })
},
//使用的参数
data:{
    accountNumber: '',//Wi-Fi 的SSID，即账号
    bssid: '',//Wi-Fi 的ISSID
    password: '',//Wi-Fi 的密码
}

3、 .wxml連線按鈕

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

PHP中文網，大量MySQL影片教學，歡迎線上免費學習！

以上是小程式怎麼連WIFI的詳細內容。更多資訊請關注PHP中文網其他相關文章！