一、小程序相關(guān)網(wǎng)站
二、小程序開(kāi)發(fā)工具下載
小程序工具下載地址
一般使用穩(wěn)定版本
三、小程序開(kāi)發(fā)注冊(cè)
小程序注冊(cè)入口.png
按照要求填寫(xiě)注冊(cè)信息，一步一步就可以完成注冊(cè)。
四、小程序后臺(tái)開(kāi)發(fā)設(shè)置
開(kāi)發(fā) / 開(kāi)發(fā)管理 / 開(kāi)發(fā)設(shè)置
-
小程序ID，實(shí)際項(xiàng)目開(kāi)發(fā)要使用
小程序ID.png -
服務(wù)器域名配置，主要是請(qǐng)求網(wǎng)絡(luò)接口的后臺(tái)域名
小程序域名配置.png
五、小程序項(xiàng)目創(chuàng)建
1.打開(kāi)微信開(kāi)發(fā)者工具，使用微信掃描
小程序開(kāi)發(fā)者工具.png
2.登錄后，選擇小程序，選擇下圖加號(hào)，創(chuàng)建小程序
小程序創(chuàng)建項(xiàng)目1.png
3.小程序創(chuàng)建項(xiàng)目配置
小程序項(xiàng)目創(chuàng)建配置2.png
主要配置有，項(xiàng)目名稱、項(xiàng)目存放目錄，AppID（小程序后臺(tái) / 開(kāi)發(fā) / 開(kāi)發(fā)管理 / 開(kāi)發(fā)設(shè)置 里面），模板選擇：一般選JavaScript，根據(jù)自己熟悉的語(yǔ)言來(lái)選擇。
4.小程序項(xiàng)目簡(jiǎn)單介紹
小程序項(xiàng)目介紹.png
- 頁(yè)面預(yù)覽
- 代碼、資源區(qū)域
- 代碼編輯區(qū)域
六、小程序WiFi開(kāi)發(fā)
1.定位權(quán)限配置
app.json
{
...
"requiredPrivateInfos": [
"getLocation"
]
}
2.申請(qǐng)定位權(quán)限
// 申請(qǐng)定位權(quán)限
wx.authorize({
scope: 'scope.userLocation',
success: (res) => {
// TODO 權(quán)限申請(qǐng)成功
},
fail: (err) => {
// TODO 權(quán)限申請(qǐng)失敗
wx.showToast({
title: '定位權(quán)限被拒絕',
icon: "none"
})
}
})
3.開(kāi)啟WiFi模塊
wx.startWifi({
success: res => {
// TODO 初始化WiFi成功
},
fail: res => {
wx.showToast({
title: 'WiFi初始化失敗',
icon: "none"
})
}
})
4.WiFi列表掃描、列表掃描結(jié)果監(jiān)聽(tīng)
// 1. 掃描結(jié)果監(jiān)聽(tīng)
wx.onGetWifiList((res) => {
// 掃描結(jié)果：res.wifiList（集合）
if (res.wifiList.length) {
// TODO 掃描結(jié)果：有數(shù)據(jù)
} else {
// TODO 掃描結(jié)果：沒(méi)有數(shù)據(jù)
}
})
// 2.開(kāi)啟掃描
wx.getWifiList({
success: res => {
// TODO 掃描成功 -- 在wx.onGetWifiList獲取到結(jié)果
},
fail: err => {
// TODO 掃描失敗
}
})
先監(jiān)聽(tīng)WiFi列表監(jiān)聽(tīng)，再調(diào)用獲取WiFi列表的接口，并且得申請(qǐng)定位權(quán)限，還得注冊(cè)iOS的適配問(wèn)題。iOS手機(jī)需要手動(dòng)進(jìn)入「無(wú)線局域網(wǎng)」設(shè)置頁(yè)，并在系統(tǒng)掃描到WiFi設(shè)備后返回。
5.關(guān)閉WiFi模塊
wx.stopWifi(Object object)
七、小程序藍(lán)牙開(kāi)發(fā)
1.開(kāi)啟藍(lán)牙適配器
// 開(kāi)啟藍(lán)牙模塊
wx.openBluetoothAdapter({
mode: 'central',// 默認(rèn)：主機(jī)模式 僅iOS需要
success: (res) => {
// TODO 開(kāi)啟藍(lán)牙模塊成功
},
fail: (res) => {
// TODO 開(kāi)啟藍(lán)牙模塊失敗
}
})
2.監(jiān)聽(tīng)搜索到周邊藍(lán)牙設(shè)備
// 監(jiān)聽(tīng)掃描到藍(lán)牙設(shè)備事件
wx.onBluetoothDeviceFound((res) => {
// TODO res.devices 掃描結(jié)果（集合）
})
3.開(kāi)始搜索附近的藍(lán)牙設(shè)備
// 開(kāi)始搜索附近的藍(lán)牙外圍設(shè)備
let uuid = "0000b81d-0000-1000-8000-00805f9b34fb"
wx.startBluetoothDevicesDiscovery({
services: [uuid],// 指定藍(lán)牙服務(wù)UUID
success(res) {
console.log("success", res)
},
fail(err) {
console.log("fail", err)
}
})
4.停止搜索附近的藍(lán)牙設(shè)備
// 找到要搜索的設(shè)備后，及時(shí)停止掃描
wx.stopBluetoothDevicesDiscovery()
5.連接藍(lán)牙低功耗設(shè)備
wx.createBLEConnection({
deviceId, // 搜索到設(shè)備的 deviceId
success: () => {
// TODO 連接成功
}
})
6.獲取藍(lán)牙低功耗設(shè)備所有服務(wù) (service)
// 連接成功，獲取藍(lán)牙設(shè)備服務(wù)
wx.getBLEDeviceServices({
deviceId,
success: res => {
console.log("BLEDevice success", res)
// TODO res.services 所有服務(wù)結(jié)果（集合）
}
})
7.獲取藍(lán)牙低功耗設(shè)備某個(gè)服務(wù)中所有特征 (characteristic)
wx.getBLEDeviceCharacteristics({
deviceId, // 設(shè)備ID
serviceId, // 服務(wù)ID
success: (res) => {
// TODO res.characteristics 特征值集合
}
})
8.發(fā)送消息
wx.writeBLECharacteristicValue({
deviceId,//設(shè)備ID
serviceId,//服務(wù)ID
characteristicId,// 特征值ID
value// 數(shù)據(jù) ArrayBuffer
})
八、小程序發(fā)布配置
1.發(fā)布整體流程
發(fā)布配置.png
- 按照要求，將小程序信息、小程序類(lèi)目、小程序開(kāi)發(fā)與管理這些信息配置好。
- 版本管理，要開(kāi)發(fā)項(xiàng)目后，將代碼上傳才會(huì)有。
2.代碼上傳
小程序代碼上傳.png
- 打開(kāi)開(kāi)發(fā)者工具，在右上角有上傳小程序代碼的按鈕，點(diǎn)擊輸入版本號(hào)、項(xiàng)目備注即可上傳到小程序后臺(tái)。在版本管理里面可以看到上傳的代碼信息。
3.版本管理
小程序版本管理.png
- 小程序代碼在工具上傳后，打開(kāi)后臺(tái)管理，在版本管理里面就有開(kāi)發(fā)版本的代碼信息。
- 開(kāi)發(fā)版本的小程序用于內(nèi)部測(cè)試，測(cè)試沒(méi)問(wèn)題后，可以提交審核。審核通過(guò)就可以發(fā)布成為線上版本。
