本地 Node.js 服務器接收和發送消息到網站上的組件

Question

我想運行一個本地 Node.js 服務器，或者監聽事件然后運行其他節點功能，但也發出消息。

因此，例如，假設在我的 CMS 中，我有一個標記為Start Watch的按鈕。 如果我點擊這個我想發出，甚至使用Socket.io ，我在機器上的本地節點腳本會看到，然后運行更多代碼，在這種情況下它將是gulp watch 。

然后在觀看期間的另一個方向，如果文件被上傳，我希望能夠將其發送到我的 CMS，以直觀地更新用戶文件已上傳或其他內容。

我認為這是完全錯誤的，但這是我的嘗試，但不起作用！#

CMS 上的 Vue 組件

<template>
    <h2>Chat Testing</h2>
</template>
<script>
export default {
    mounted() {
        let socket = require('socket.io');
        socket.emit('connection', []);
    }
}
</script>

筆記本電腦上的本地腳本：

let app = require('express')();
let http = require('http').createServer(app);
let io = require('socket.io')(http);

io.on('connection', (socket) => {
    console.log('a user connected');
});

http.listen(3000, () => {
    console.log('listening on *:3000');
});

Answer 1

在客戶端使用 package socket.io-client client。

首先，您需要連接到服務器。

客戶端 API