小程序开发小记录

2023-02-01 本文已影响0人 Sky_Blue

小程序注册入口.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

小程序代码在工具上传后，打开后台管理，在版本管理里面就有开发版本的代码信息。
开发版本的小程序用于内部测试，测试没问题后，可以提交审核。审核通过就可以发布成为线上版本。