electron增加页面返回_Electron 中使用 TCP 和 WebSocket 通信

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>