1、在MYSQL中新建一个test数据库,在里面新建一张type数据表,下面将从该表获得数据。
2、新建一个project小程序项目。
3、在project项目内,新建一个index模块来从数据库获得数据,并将数据输出在indexwxml页面。
4、在index模块中indexjs页面,在onLoad中使用wxrequest方法向服务端文件请求数据。url为请求数据的地址;data为传输的参数,这里设置为空;method为传递参数的方式,header用于设置请求的数据类型,success是成功获得数据后的 *** 作。
5、在indexwxml页面,使用for循环遍历输出indexjs传递过来的数据data,通过item将data数据输出在页面。
6、在服务端新建一个apiphp页面来接收微信小程序的数据请求。
7、最后编译微信小程序,查看从数据表type获得数据内容,成功从数据库读取数据并输出在页面上。
#使用mpvue 开发小程序过程中 简单介绍一下微信小程序蓝牙连接过程
#在蓝牙连接的过程中部分api需要加定时器延时1秒到2秒左右再执行,原因为何不知道,小程序有这样的要求
#1首先是要初始化蓝牙:openBluetoothAdapter()
```js
if (wxopenBluetoothAdapter) {
wxopenBluetoothAdapter({
success: function(res) {
/ 获取本机的蓝牙状态 /
setTimeout(() => {
getBluetoothAdapterState()
}, 1000)
},
fail: function(err) {
// 初始化失败
}
})
} else {
}
```
#2检测本机蓝牙是否可用:
# 要在上述的初始化蓝牙成功之后回调里调用
```js
getBluetoothAdapterState() {
var that= this;
thattoastTitle= '检查蓝牙状态'
wxgetBluetoothAdapterState({
success: function(res) {
startBluetoothDevicesDiscovery()
},
fail(res) {
consolelog(res)
}
})
}
```
#3 开始搜索蓝牙设备:
```js
startBluetoothDevicesDiscovery() {
var that= this;
setTimeout(() => {
wxstartBluetoothDevicesDiscovery({
success: function(res) {
/ 获取蓝牙设备列表 /
thatgetBluetoothDevices()
},
fail(res) {
}
})
}, 1000)
}
```
#4 获取搜索到的蓝牙设备列表
# / thatdeviceName 是获取到的蓝牙设备的名称, 因为蓝牙设备在安卓和苹果手机上搜到的蓝牙地址显示是不一样的,所以根据设备名称匹配蓝牙/
```js
getBluetoothDevices() {
var that= this;
setTimeout(() => {
wxgetBluetoothDevices({
services: [],
allowDuplicatesKey: false,
interval: 0,
success: function(res) {
if (resdeviceslength> 0) {
if (JSONstringify(resdevices)indexOf(thatdeviceName) !== -1) {
for (let i = 0; i < resdeviceslength; i++) {
if (thatdeviceName === resdevices[i]name) {
/ 根据指定的蓝牙设备名称匹配到deviceId /
thatdeviceId = thatdevices[i]deviceId;
setTimeout(() => {
thatconnectTO();
}, 2000);
};
};
} else {
}
} else {
}
},
fail(res) {
consolelog(res, '获取蓝牙设备列表失败=====')
}
})
}, 2000)
},
```
#5连接蓝牙
# 匹配到的蓝牙设备ID 发送连接蓝牙的请求, 连接成功之后 应该断开蓝牙搜索的api,然后去获取所连接蓝牙设备的service服务
```js
connectTO() {
wxcreateBLEConnection({
deviceId: deviceId,
success: function(res) {
thatconnectedDeviceId = deviceId;
/ 4获取连接设备的service服务 /
thatgetBLEDeviceServices();
wxstopBluetoothDevicesDiscovery({
success: function(res) {
consolelog(res, '停止搜索')
},
fail(res) {
}
})
},
fail: function(res) {
}
})
}
```
#6 获取蓝牙设备的service服务,获取的serviceId有多个要试着连接最终确定哪个是稳定版本的service 获取服务完后获取设备特征值
```js
getBLEDeviceServices() {
setTimeout(() => {
wxgetBLEDeviceServices({
deviceId: thatconnectedDeviceId,
success: function(res) {
thatservices= resservices
/ 获取连接设备的所有特征值 /
thatgetBLEDeviceCharacteristics()
},
fail: (res) => {
}
})
}, 2000)
},
```
#7获取蓝牙设备特征值
# 获取到的特征值有多个,最后要用的事能读,能写,能监听的那个值的uuid作为特征值id,
```js
getBLEDeviceCharacteristics() {
setTimeout(() => {
wxgetBLEDeviceCharacteristics({
deviceId: connectedDeviceId,
serviceId: services[2]uuid,
success: function(res) {
for (var i = 0; i < rescharacteristicslength; i++) {
if ((rescharacteristics[i]propertiesnotify || rescharacteristics[i]propertiesindicate) &&
(rescharacteristics[i]propertiesread && rescharacteristics[i]propertieswrite)) {
consolelog(rescharacteristics[i]uuid, '蓝牙特征值 ==========')
/ 获取蓝牙特征值 /
thatnotifyCharacteristicsId = rescharacteristics[i]uuid
// 启用低功耗蓝牙设备特征值变化时的 notify 功能
thatnotifyBLECharacteristicValueChange()
}
}
},
fail: function(res) {
}
})
}, 1000)
},
```
#8启动notify 蓝牙监听功能 然后使用 wxonBLECharacteristicValueChange用来监听蓝牙设备传递数据
#接收到的数据和发送的数据必须是二级制数据, 页面展示的时候需要进行转换
```js
notifyBLECharacteristicValueChange() { // 启用低功耗蓝牙设备特征值变化时的 notify 功能
var that= this;
consolelog('6启用低功耗蓝牙设备特征值变化时的 notify 功能')
wxnotifyBLECharacteristicValueChange({
state: true,
deviceId: thatconnectedDeviceId,
serviceId: thatnotifyServicweId,
characteristicId: thatnotifyCharacteristicsId,
complete(res) {
/用来监听手机蓝牙设备的数据变化/
wxonBLECharacteristicValueChange(function(res) {
//
thatbalanceData += thatbuf2string(resvalue)
thathexstr += thatreceiveData(resvalue)
})
},
fail(res) {
consolelog(res, '启用低功耗蓝牙设备监听失败')
thatmeasuringTip(res)
}
})
},
/转换成需要的格式/
buf2string(buffer) {
var arr = Arrayprototypemapcall(new Uint8Array(buffer), x => x)
return arrmap((char, i) => {
return StringfromCharCode(char);
})join('');
},
receiveData(buf) {
return thishexCharCodeToStr(thisab2hex(buf))
},
/转成二进制/
ab2hex (buffer) {
var hexArr = Arrayprototypemapcall(
new Uint8Array(buffer), function (bit) {
return ('00' + bittoString(16))slice(-2)
}
)
return hexArrjoin('')
},
/转成可展会的文字/
hexCharCodeToStr(hexCharCodeStr) {
var trimedStr = hexCharCodeStrtrim();
var rawStr = trimedStrsubstr(0, 2)toLowerCase() === '0x' trimedStrsubstr(2) : trimedStr;
var len = rawStrlength;
var curCharCode;
var resultStr= [];
for (var i = 0; i < len; i = i+ 2) {
curCharCode = parseInt(rawStrsubstr(i, 2), 16);
resultStrpush(StringfromCharCode(curCharCode));
}
return resultStrjoin('');
},
```
# 向蓝牙设备发送数据
```js
sendData(str) {
let that= this;
let dataBuffer = new ArrayBuffer(strlength)
let dataView = new DataView(dataBuffer)
for (var i = 0; i < strlength; i++) {
dataViewsetUint8(i, strcharAt(i)charCodeAt())
}
let dataHex = thatab2hex(dataBuffer);
thiswriteDatas = thathexCharCodeToStr(dataHex);
wxwriteBLECharacteristicValue({
deviceId: thatconnectedDeviceId,
serviceId: thatnotifyServicweId,
characteristicId: thatnotifyCharacteristicsId,
value: dataBuffer,
success: function (res) {
consolelog('发送的数据:' + thatwriteDatas)
consolelog('message发送成功')
},
fail: function (res) {
},
complete: function (res) {
}
})
},
```
# 当不需要连接蓝牙了后就要关闭蓝牙,并关闭蓝牙模块
```js
// 断开设备连接
closeConnect() {
if (thatconnectedDeviceId) {
wxcloseBLEConnection({
deviceId: thatconnectedDeviceId,
success: function(res) {
thatcloseBluetoothAdapter()
},
fail(res) {
}
})
} else {
thatcloseBluetoothAdapter()
}
},
// 关闭蓝牙模块
closeBluetoothAdapter() {
wxcloseBluetoothAdapter({
success: function(res) {
},
fail: function(err) {
}
})
},
```
#在向蓝牙设备传递数据和接收数据的过程中,并未使用到read的API 不知道有没有潜在的问题,目前线上运行为发现任何的问题
#今天的蓝牙使用心得到此结束,谢谢
使用wxgetUserInfo(Object object),调用前需要 用户授权 scopeuserInfo。
示例代码
// 必须是在用户已经授权的情况下调用
wxgetUserInfo({
success: function(res) {
var userInfo = resuserInfo
var nickName = userInfonickName
var avatarUrl = userInfoavatarUrl
var gender = userInfogender //性别 0:未知、1:男、2:女
var province = userInfoprovince
var city = userInfocity
var country = userInfocountry
}
})
扩展资料
小程序用户信息组件示例代码
Page({
data: {
canIUse: wxcanIUse('buttonopen-typegetUserInfo')
},
onLoad: function() {
// 查看是否授权
wxgetSetting({
success (res){
if (resauthSetting['scopeuserInfo']) {
// 已经授权,可以直接调用 getUserInfo 获取头像昵称
wxgetUserInfo({
success: function(res) {
consolelog(resuserInfo)
}
})
}
}
})
},
bindGetUserInfo (e) {
consolelog(edetailuserInfo)
}
})
参考资料:
最近有一个需求,就是在小程序中,如果把商品分享到某群,此商品被二次转发(又被分享至其它群), 其它群成员无法领取
这个功能需要在小程序中获取第一次转发的群ID,根据ID,非此群用户无法领取此商品
在此记录此需求,从转发到接收的全流程实现
1) 页面生成后,一开始没有分享信息,故在 onReady 生命周期函数中调用 wxhideShareMenu() ,使右上角按钮无法呼出分享按钮
2) 点击页面下赠送朋友按钮,向服务器请求分享信息,分享信息拿到后使用 wxshowShareMenu({withShareTicket: true}) 方法,使右上角可以呼出分享按钮, withShareTicket: true 设置分享后回掉函数中可以拿到shareTicket信息
3)在 onShareAppMessage 函数中配置配置分享信息, 注意,此函数中不要有异步行为,更不要在异步行为的回调函数中配置分享信息,分享信息要在此函数中 直接return(返回带有分享信息和分享完成后回掉函数的object)
4)此时按右上角,即会触发分享行为,在onShareAppMessage 函数中return 的分享后成功的回调函数参数里可以拿到 shareTickets , shareTickets是一个数组,数组每一项为一个分享了的群组shareTicket信息
5) 拿到shareTicket后, 调用wxgetShareInfo, 即可拿到加密后的微信群ID信息,将此信息通过API接口,交给后台处理。
在小程序的注册文件appjs中,onLaunch函数参数里,可以拿到场景值(opsscene),当场景值为1044(带 shareTicket 的小程序消息卡片),ops中会包含shartTicket信息,同样调用wxgetShareInfo接口,拿到加密后的微信群ID,将此信息保存, 在用户触发接受的时候,将此信息通过API交给后端,后端会进行解密,如果此ID 和分享时候的ID不一致,那么用户不可接收此商品
wxgetUserInfo(OBJECT) 这个api获取 的数据中有一个encryptedData,
通过对他的解密能够获取一个"appid":"APPID", 这个就是用户的唯一标示。
以上就是关于微信小程序如何获取数据库数据全部的内容,包括:微信小程序如何获取数据库数据、微信小程序蓝牙教程--完整版亲测、微信小程序的怎么获取用户微信id等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)