微信小程序架构篇

一、小程序架构

每个小程序的结构都有两个主要部分构成：主体部分+各个页面。类似于许多框架，主体部分主要用于核心的配置，各个页面主要用于不同业务场景。

1.1、主体部分主要由3个文件构成

1）app.js：小程序逻辑，初始化APP

2）app.json：小程序配置，比如导航、窗口、页面http请求跳转等

3）app.wxss：公共样式配置

主体配置完成之后，就是对应业务开发了，也就是开发者最常 *** 作的页面。小程序页面设计基本上也是遵循MVC结构进行构建。

1.2、页面由4个文件构成

1）js：页面逻辑，相当于控制层（C）；也包括部分的数据（M）

2）wxml：页面结构展示，相当于视图层（V）

3）wxss：页面样式表，纯前端，用于辅助wxml展示

4）json：页面配置，配置一些页面展示的数据，充当部分的模型（M）

二、配置app.json

app.json

全局配置页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。

pages

接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成

window

用于设置小程序的状态栏、导航条、标题、窗口背景色。

tabBar

通过tabBar配置项指定tab栏的表现，以及tab切换时显示的对应页面。tabBar配置数组，只能配置最少2个、最多5个tab，tab按数组的顺序排序。

networkTimeout

可以设置各种网络请求的超时时间。

debug：true/false

可以在开发者工具中开启debug模式，在开发者工具的控制台面板，调试信息以info的形式给出，其信息有Page的注册，页面路由，数据更新，事件触发。可以帮助开发者快速定位一些常见的问题

page.json

每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。页面的哦诶址比app.json全局配置简单的多，只是设置app.json中的window配置项的内容，页面中配置项会覆盖app.json的window中相同的配置项。

每个文件的含义。

wxml是网页文件同html，MVC中的V，js是脚本文件可以理解成java中的。java文件，MVC中的C，json是配置文件类似xml或者pom，wxss是样式表文件同css文件。

微信WeChat是腾讯公司于2011年1月21日推出的一个为智能终端提供即时通讯服务的免费应用程序，由张小龙所带领的腾讯广州研发中心产品团队打造。微信支持跨通信运营商、跨 *** 作系统平台通过网络快速发送免费（需消耗少量网络流量）语音短信、视频、图片和文字，同时，也可以使用通过共享流媒体内容的资料和基于位置的社交插件摇一摇、朋友圈、公众平台、语音记事本等服务插件。

//初始化蓝牙

initBlue() {

var that = this

wx.openBluetoothAdapter({ //调用微信小程序api 打开蓝牙适配器接口

success: function (res) {

console.log('1.初始化蓝牙成功')

},

//监听手机蓝牙的开关

monitorTheBlue:function(){

var that =this

wx.onBluetoothAdapterStateChange(function(res){

})

},

//开始获取附近的蓝牙设备

//. 获取到附近的蓝牙数组 通过蓝牙特定的名称获取自己想要连接的蓝牙设备

//. 获取附近蓝牙设备的数组

findBlue() {

console.log(new Date())

var that = this

wx.startBluetoothDevicesDiscovery({

allowDuplicatesKey: false,

interval: 0,

success: function (res) {

console.log('2.正在搜索设备.............')

if (that.data.isFirestShow) {

wx.showLoading({

title: '正在搜索设备'

})

}

},

//搜索获取附近的所有蓝牙设备 获取附近所有的蓝牙设备的相关信息 获取需要连接蓝牙设备的deviceID

//. 通过bluetoothDeviceName 和 localName 来确定制定蓝牙

//. 一般根据制定设备的名字去连接 设备的名字 是出产厂家设定

getBlue() {

var that = this

wx.getBluetoothDevices({

success: function (res) {

console.log('3.找到设备列表........')

wx.hideLoading()

// return false

var index = 10

for (var i = 0i <res.devices.lengthi++) {

if (res.devices[i].name &&res.devices[i].localName) {

var arr = res.devices[i].name.split("-")

var secArr = res.devices[i].localName.split("-")

if (arr[0] == that.data.bluetoothDeviceName || secArr[0] == that.data.bluetoothDeviceName) {

},

//连接蓝牙设备

//通过deviceId 连接蓝牙

/**

},

//6 连接上需要的蓝牙设备之后，获取这个蓝牙设备的服务uuid

//获取设备的uuid

getServiceId() {

var that = this

wx.getBLEDeviceServices({

// 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接

deviceId: that.data.deviceId,

success: function (res) {

var model = res.services[1]

that.setData({

servicesUUID: model.uuid

})

console.log('7.获取设备 uuid 成功....')

that.getCharacteId() //6.0

}

})

},

//7 如果一个蓝牙设备需要进行数据的写入以及数据传输，就必须具有某些特征值，所以通过上面步骤获取的id可以查看当前蓝牙设备的特征值

//notify write read 当只有 notify为true的时候才能 接收蓝牙设备传来的数据,

//write 为true 才能传入数据

//read 为true 才能读取设备数据

getCharacteId() {

var that = this

wx.getBLEDeviceCharacteristics({

// 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接

deviceId: that.data.deviceId,

// 这里的 serviceId 需要在上面的 getBLEDeviceServices 接口中获取

serviceId: that.data.servicesUUID,

success: function (res) {

for (var i = 0i <res.characteristics.lengthi++) { //2个值

var model = res.characteristics[i]

if (model.properties.notify == true) {

that.setData({

characteristicId: model.uuid //监听的值

})

console.log('8.model.properties.notify == true')

that.startNotice(model.uuid) //7.0

}

// if (model.properties.read == true) {

// that.readData(model.uuid)

// }

// if (model.properties.write == true) {

// that.setData({

// writeId: model.uuid//用来写入的值

// })

// }

}

}

})

},

fordateTime1(){

let now = new Date(),hour = now.getHours()

console.log(hour)

let str = ''

if(hour <7){str = '早餐前'}

else if ((7<hour) &&(hour<= 9)){str = '早餐后'}

else if ((9<hour) &&(hour<= 11)){str = '午餐前'}

else if ((11<hour) &&(hour<= 13)){str = '午餐后'}

else if ((13<hour) &&(hour<= 17)){str = '晚餐前'}

else if ((17<hour) &&(hour<= 19)){str = '晚餐后'}

else if ((19<hour) &&(hour<= 24)){str = '睡觉前'}

return str

},

//8 如果一个蓝牙设备需要进行数据的写入以及数据传输，就必须具有某些特征值，所以通过上面步骤获取的id可以查看当前蓝牙设备的特征值

//开启设备数据监听 监听蓝牙设备返回来的数据

startNotice(uuid) {

var that = this

wx.notifyBLECharacteristicValueChanged({

state: true, // 启用 notify 功能

deviceId: that.data.deviceId,

serviceId: that.data.servicesUUID,

characteristicId: uuid, //第一步 开启监听 notityid 第二步发送指令 write

success: function (res) {

// that.closeConnect(that.data.deviceId)

// 设备返回的方法

let tip = 0

wx.onBLECharacteristicValueChange(res1 =>{

},

/**

//监听蓝牙设备是否会异常断开

getTheBlueDisConnectWithAccident() {

},

// 断开设备连接

closeConnect: function(v) {

var that = this

if (v) {

wx.closeBLEConnection({

deviceId: v,

success: function(res) {

console.log("蓝牙断开连接")

that.closeBluetoothAdapter()

},

fail(res) {

}

})

} else {

that.closeBluetoothAdapter()

}

},

// 关闭蓝牙模块

closeBluetoothAdapter:function () {

wx.closeBluetoothAdapter({

success: function(res) {

console.log("关闭蓝牙模块")

},

fail: function(err) {

}

})

},

---