uniapp 开发微信小程序使用TCP/UDP通信以16进制发送数据

本文链接：https://blog.csdn.net/weixin_38946164/article/details/124706813

在微信小程序中实现像网络调试工具按16进制发送的功能。

1. TCP方式

在这里插入图片描述

<button type="primary"  @click="btnTCP()">tcp通信</button>

<script>
	//创建一个 TCP Socket 实例
	const tcp = wx.createTCPSocket() 
	
	export default {
		data() {
			return {							

			}
		},
		
		onLoad() {
			//启动连接
			tcp.connect({
				address: '192.168.1.87', 
				port: 8866
			})
			
			//连接成功建立的时候触发该事件
			tcp.onConnect(function(e){
			    console.log('连接成功')				
			})
			
			//接收到数据的时候触发该事件
			tcp.onMessage(function(e){
				console.log(e.message)
				//ArrayBuffer转16进制字符串
				let buffer = e.message
				let hexstr = Array.prototype.map.call(new Uint8Array(buffer), x => ('00' + x.toString(16)).slice(-2)).join('')
				console.log(hexstr)
			})	
		},
		
		onUnload() {
			//关闭连接
			tcp.close( )
		},
		
		
		methods: {			
			btnTCP(){
				//将一个十六进制报文转为字符数组
				let str = 'cf 03 00 00 00 00 1e 59 ce 96 7f 01 00 00 a5'
				let strs = str.split(" ") 				
				for(let i = 0;i<strs.length;i++){				
				　　strs[i] = "0x"+strs[i]	 //每个字符加上0x			
				}				
				let buffer = Buffer.from(strs) //将数组放到buffer				

				//发送数据
				tcp.write(buffer)			
			}
		}			
	}
</script>

2. UDP方式

如下图调试工具接收到微信小程序发送的16进制数据
在这里插入图片描述

<button type="primary"  @click="btnUDP()">udp通信</button>

btnUDP(){	
	//将一个十六进制报文转为字符数组	
	let str = 'cf 03 00 00 00 00 1e 59 ce 96 7f 01 00 00 a5'				
	let strs = str.split(" ")				
	for(let i = 0;i<strs.length;i++){				
	　　strs[i] = "0x"+strs[i]	 //每个字符加上0x			
	}				
	let buffer = Buffer.from(strs) //将数组放到buffer				
	
	//创建一个 UDP Socket 实例			
	const udp = wx.createUDPSocket()
	//指定要绑定的本地端口号，留空是随机端口
	udp.bind(8877)
	//向指定的 IP 和 port 发送消息
	udp.send({ 		 
		address:'192.168.1.255',
		port: '8866',
		message: buffer
	})			
}