一、小程序相关网站
二、小程序开发工具下载
小程序工具下载地址
一般使用稳定版本
三、小程序开发注册
小程序注册入口.png
按照要求填写注册信息，一步一步就可以完成注册。
四、小程序后台开发设置
开发 / 开发管理 / 开发设置
-
小程序ID，实际项目开发要使用
小程序ID.png
-
服务器域名配置，主要是请求网络接口的后台域名
小程序域名配置.png
五、小程序项目创建
1.打开微信开发者工具，使用微信扫描
小程序开发者工具.png
2.登录后，选择小程序，选择下图加号，创建小程序
小程序创建项目1.png
3.小程序创建项目配置
小程序项目创建配置2.png
主要配置有，项目名称、项目存放目录，AppID（小程序后台 / 开发 / 开发管理 / 开发设置 里面），模板选择：一般选JavaScript，根据自己熟悉的语言来选择。
4.小程序项目简单介绍
小程序项目介绍.png
- 页面预览
- 代码、资源区域
- 代码编辑区域
六、小程序WiFi开发
1.定位权限配置
app.json
{
...
"requiredPrivateInfos": [
"getLocation"
]
}
2.申请定位权限
// 申请定位权限
wx.authorize({
scope: 'scope.userLocation',
success: (res) => {
// TODO 权限申请成功
},
fail: (err) => {
// TODO 权限申请失败
wx.showToast({
title: '定位权限被拒绝',
icon: "none"
})
}
})
3.开启WiFi模块
wx.startWifi({
success: res => {
// TODO 初始化WiFi成功
},
fail: res => {
wx.showToast({
title: 'WiFi初始化失败',
icon: "none"
})
}
})
4.WiFi列表扫描、列表扫描结果监听
// 1. 扫描结果监听
wx.onGetWifiList((res) => {
// 扫描结果：res.wifiList（集合）
if (res.wifiList.length) {
// TODO 扫描结果：有数据
} else {
// TODO 扫描结果：没有数据
}
})
// 2.开启扫描
wx.getWifiList({
success: res => {
// TODO 扫描成功 -- 在wx.onGetWifiList获取到结果
},
fail: err => {
// TODO 扫描失败
}
})
先监听WiFi列表监听，再调用获取WiFi列表的接口，并且得申请定位权限，还得注册iOS的适配问题。iOS手机需要手动进入「无线局域网」设置页，并在系统扫描到WiFi设备后返回。
5.关闭WiFi模块
wx.stopWifi(Object object)
七、小程序蓝牙开发
1.开启蓝牙适配器
// 开启蓝牙模块
wx.openBluetoothAdapter({
mode: 'central',// 默认：主机模式 仅iOS需要
success: (res) => {
// TODO 开启蓝牙模块成功
},
fail: (res) => {
// TODO 开启蓝牙模块失败
}
})
2.监听搜索到周边蓝牙设备
// 监听扫描到蓝牙设备事件
wx.onBluetoothDeviceFound((res) => {
// TODO res.devices 扫描结果（集合）
})
3.开始搜索附近的蓝牙设备
// 开始搜索附近的蓝牙外围设备
let uuid = "0000b81d-0000-1000-8000-00805f9b34fb"
wx.startBluetoothDevicesDiscovery({
services: [uuid],// 指定蓝牙服务UUID
success(res) {
console.log("success", res)
},
fail(err) {
console.log("fail", err)
}
})
4.停止搜索附近的蓝牙设备
// 找到要搜索的设备后，及时停止扫描
wx.stopBluetoothDevicesDiscovery()
5.连接蓝牙低功耗设备
wx.createBLEConnection({
deviceId, // 搜索到设备的 deviceId
success: () => {
// TODO 连接成功
}
})
6.获取蓝牙低功耗设备所有服务 (service)
// 连接成功，获取蓝牙设备服务
wx.getBLEDeviceServices({
deviceId,
success: res => {
console.log("BLEDevice success", res)
// TODO res.services 所有服务结果（集合）
}
})
7.获取蓝牙低功耗设备某个服务中所有特征 (characteristic)
wx.getBLEDeviceCharacteristics({
deviceId, // 设备ID
serviceId, // 服务ID
success: (res) => {
// TODO res.characteristics 特征值集合
}
})
8.发送消息
wx.writeBLECharacteristicValue({
deviceId,//设备ID
serviceId,//服务ID
characteristicId,// 特征值ID
value// 数据 ArrayBuffer
})
八、小程序发布配置
1.发布整体流程
发布配置.png
- 按照要求，将小程序信息、小程序类目、小程序开发与管理这些信息配置好。
- 版本管理，要开发项目后，将代码上传才会有。
2.代码上传
小程序代码上传.png
- 打开开发者工具，在右上角有上传小程序代码的按钮，点击输入版本号、项目备注即可上传到小程序后台。在版本管理里面可以看到上传的代码信息。
3.版本管理
小程序版本管理.png
- 小程序代码在工具上传后，打开后台管理，在版本管理里面就有开发版本的代码信息。
- 开发版本的小程序用于内部测试，测试没问题后，可以提交审核。审核通过就可以发布成为线上版本。
网友评论