TMRAppBle/pages/main/main.stml

<!-- <template>
	<safe-area class="page">
		<view class="header">
			<text class="title">首页</text>
		</view>
		<view class="body">
			<text class="h1">Hello , APICloud</text>
			<img class="img" src="../../image/img.png" />
			<text class="p">拖入组件搭建你的第一个 APP</text>
			<avm-button :color="avmButtonColor" @click="startSocket()">startSocket</avm-button>
			<avm-button :color="avmButtonColor_62" @click="stopSocket()">stop</avm-button>
			<avm-button :color="avmButtonColor_62" @click="getAddress()">getAddress</avm-button>
			<avm-button :color="avmButtonColor_62" @click="connectSer()">connectSer</avm-button>

		</view>
		
	</safe-area>
</template>
<script>
import "../../components/avm-ui/button";
export default {
	name: 'main',
	apiready() {
		this.init();
	},
	data() {
		return {
			msg: "Hello APICloud",
			demo: null,
			SocketServerClient: null,
			avmButtonColor: "primary",
			avmButtonColor_62: "primary"
		};
	},
	methods: {
		init() {
			this.data.demo = api.require('serialPortPlus');
			this.data.SocketServerClient = api.require('socketServerClient'); // var ret = this.data.demo.getAllDeicesPath();
			// console.log(JSON.stringify(ret));
			this.listenDev();
		},
		listenDev() {
			this.data.demo.addEventListener(function (ret, err) {
				console.log(JSON.stringify(ret));
				console.log(JSON.stringify(err));
			});
		},
		openDev() {
			console.log("openDev");
			this.data.demo.open({
				port: '/dev/ttyS0',
				baudRate: 9600
			}, function (ret, err) {
				console.log("err", err);
				console.log("ret", ret);
			});
		},
		connectSer() {
			var ArgFace = api.require('socketServerClient');
			ArgFace.clientConnect({
				ip: "192.168.2.58",
				port: 50012
			}, function (ret, err) {
				if (ret.receiveMsg) {
					console.log(ret.receiveMsg);
				}
			});
		},
		startSocket() {
			var that = this;
			console.log("startSocket");
			this.data.SocketServerClient.startServer({
				port: 50012,
				//TCP服务端口
				heart: {
					heartTime: 30000,
					heartMsg: 'heart',
					receiveMsg: 'heart'
				}, 
				send: {
					head: '',
					end: '16',
					outTime: 30000,
					sendByLength: {
						length: 80
					}
				},
				receive: {
					head: '',
					end: '16',
					outTime: 30000,
					sendByLength: {
						length: 8
					}
				},
				single: false
			}, function (ret, err) {
				if (ret.receiveMsg) {
					console.log("接收到客户端：" + ret.clientId + "数据："+ret.receiveMsg);
					that.data.SocketServerClient.sendMessage({id:ret.clientId,data:ret.receiveMsg,single:false});
				}
				// if (ret.status) {
				// 	// TCP服务创建成功
				// 	console.log("TCP服务创建成功！");
				// }
				if (ret.link) {
					clientId = ret.clientId;
					console.log("客户端：" + clientId + "连接成功!");
				}
			});
		},
		getAddress() {
			console.log("getAddress");

		},
		stopSocket() {
			console.log("stopSocket");
			this.data.SocketServerClient.stopServer(function (ret, err) {
				console.log(JSON.stringify(ret));
				console.log(JSON.stringify(err));
			});
		}
	}
};
</script>
<style>
.page {
	height: 100%;
	background: #fff;
}

.header {
	height: 44px;
	justify-content: center;
	align-items: center;
}

.title {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.body {
	background: #f5f6f7;
	flex: 1;
}

.h1 {
	font-size: 22px;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin: 50px;
}

.img {
	max-width: 100%;
}

.p {
	color: #aaa;
	text-align: center;
	font-size: 16px;
	margin: 15px;
}
.button_1 {
	border-color: #dfdfdf;
	border-top-color: #dfdfdf;
	border-left-color: #dfdfdf;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
}
.button_2 {
	border-color: #dfdfdf;
	border-top-color: #dfdfdf;
	border-left-color: #dfdfdf;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
}
</style> -->