[小程序] uniApp 使用本地缓存 在util 创建一个storage 目录 并在该目录下创建 storage.js/** * 判断字符串是否是json字符串 * @param {string} str */ const isJsonString = str => { try { const toObj = JSON.parse(str); if (toObj && typeof toObj === 'object') { return true } } catch {} return false } /** * 设置缓存 * @param {string} name * @param {string | Array } value */ export function set(name, value) { if (value && typeof value == 'object') { //设置json缓存数据 uni.setStorageSync(name, JSON.stringify(value)); } else { //设置缓存数据 uni.setStorageSync(name, value); } } /** * 获取缓存 * @param {string} name */ export function get(name) { //获取缓存数据 var data = uni.getStorageSync(name); if (data) { if (isJsonString(data)) { //json字符串转对象 return JSON.parse(data); } return data; } return null; } /** * 移除缓存 * @param {string} name */ export function remove(name) { // 清除某项缓存 uni.removeStorageSync(name); } /** * 清空缓存 */ export function clear() { // 清空缓存 uni.clearStorageSync(); } module.exports = { set, get, remove, clear }

[HTML] HTML 使用MQTT 服务即时通信 什么是Mqtt百度百科介绍安装Mqtt注意:服务器开放的端口，不止一个，如果使用了宝塔面板，宝塔面板也需要设置开放端口EMQX 下载在页面中引入Mqtt<script src="https://unpkg.com/mqtt/dist/mqtt.js"></script>配置连接信息// 连接选项 const options = { clean: true, // true: 清除会话, false: 保留会话 connectTimeout: 4000, // 超时时间 // 认证信息 clientId: 'html', //客户端ID username: 'admin', //连接用户名 password: 'public',//连接密码，有的密码默认为public // 心跳时间 keepalive: 60, }Mqtt服务地址并且连接Mqttconst connectUrl = 'ws://localhost:8083/mqtt' //连接服务端地址，注意查看ws协议对应的端口号 const client = mqtt.connect(connectUrl, options)mqtt的一些监听函数let topices = ["topic1","topic2"]; client.on('connect', () => { console.log('连接成功') // 订阅多个主题 client.subscribe( topices, //主题 { qos: 1 }, (err) => { console.log(err || '订阅成功') }, ); // 发布消息 client.publish(topic, msg, (err) => { console.log(err || '发布成功') }) }) //失败重连 client.on('reconnect', (error) => { console.log('正在重连:', error) }) //连接失败 client.on('error', (error) => { console.log('连接失败:', error) }) //接收消息 client.on('message', (topic, message) => { console.log('收到消息:', topic, message.toString()) })