Electron 中使用 TCP 和 WebSocket 通信
在上一篇文章《Electron与工业CCD通过TCP Server协议连接通讯》中,当时为了实现需求,草率的实验成功了,但是发现里面还有很多瑕疵,经过今天一上午的学习研究,我想再优化一下,补充的更加完善一点。在昨天的文章里,我们是在Electron的主进程中实现TCP连接的,这样是很不方便的,这次我们把TCP连接直接放到渲染进程中实现,并对其简单封装一下。
具体 API 参考资料:http://nodejs.cn/api/net.html#net_event_close_1
1、Electron 中使用 TCP 通信
把上篇文章中主进程中关于TCP连接的代码注释掉,或者直接去掉,我们在渲染进程中实现TCP连接。渲染进程是无法直接使用主进程中net模块的,所以第一步我们将net模块引入到渲染进程的页面中。
// 引入 net 模块
const net = window.require("net");
在Home.vue中:
<div class="home"><img alt="Vue logo" src="../assets/logo.png" /><div>发送的消息:<input type="text" v-model="msg" />div><div>接收的消息:<input type="text" v-model="msg2" />div><div><button @click="tcpClick">发送button>div>div>
</template>