socket.io - 如何在 Strapi 服务器上设置套接字连接

Question

我正在尝试将 socket.io 与 Strapi 集成。但不幸的是，如果没有涵盖这方面的任何适当的教程或文档，我一直无法做到这一点。
我跟着我在网上找到的唯一资源是:
https://medium.com/strapi/strapi-socket-io-a9c856e915a6
但我认为这篇文章已经过时了。我似乎无法在不遇到大量错误的情况下运行其中提到的代码。
下面是我实现它的尝试，我一直在尝试通过 chrome websocket 插件 智能 websocket 客户端 连接它，但是当我尝试运行服务器时没有得到任何响应。
我完全在黑暗中。任何帮助将不胜感激

module.exports = ()=> {
  // import socket io
  var io = require('socket.io')(strapi.server)
  console.log(strapi.server) //undefined
  // listen for user connection
  io.on('connect', socket => {
  
      socket.send('Hello!');
      console.log("idit")

      // or with emit() and custom event names
      socket.emit('greetings', 'Hey!', { 'ms': 'jane' }, Buffer.from([4, 3, 3, 1]));

      // handle the event sent with socket.send()
      socket.on('message', (data) => {
        console.log(data);
      });

      // handle the event sent with socket.emit()
      socket.on('salutations', (elem1, elem2, elem3) => {
        console.log(elem1, elem2, elem3);
      });
    });
};

Answer 1

所以我找到了解决方案。耶。我会把它放在这里以防万一有人需要它。
boostrap.js

module.exports = async () => {
  process.nextTick(() =>{
    var io = require('socket.io')(strapi.server);
    io.on('connection', async function(socket) {

      console.log(`a user connected`)
      // send message on user connection
      socket.emit('hello', JSON.stringify({message: await strapi.services.profile.update({"posted_by"})}));


      // listen for user diconnect
      socket.on('disconnect', () =>{
        console.log('a user disconnected')
      });
    });
    strapi.io = io; // register socket io inside strapi main object to use it globally anywhere
  })

};

在以下位置找到: https://github.com/strapi/strapi/issues/5869#issuecomment-619508153 _
显然， socket.server 在服务器启动时不可用。因此，您必须使用等待 socket.server 初始化的 process.nextTick。
我还将添加一些我在设置时遇到的问题。
我如何从外部客户端(如 nuxt、vue 或 react)连接？
你只需要通过“http://localhost:1337”连接，这是我常用的trapi地址。
我使用 nuxt 作为我的客户端，这就是如何在客户端设置我的 socketio

我首先通过 npm

安装了 nuxt-socket-io

根据文档

编辑了 nuxt.config 文件

modules:[
  ...
  'nuxt-socket-io',
  ...
],
io: {
    // module options
    sockets: [
      {
        name: 'main',
        url: 'http://localhost:1337',
      },
    ],
  },

然后我终于在我的一个页面中添加了一个监听器。

created() {
    this.socket = this.$nuxtSocket({})
    this.socket.on('hello', (msg, cb) => {
      console.log('SOCKET HI')
      console.log(msg)
    })
},

它有效。