Me estoy metiendo en la arquitectura cliente/servidor y no estoy seguro de si existe una mejor práctica para esto. Tengo una estructura de archivos de la siguiente manera:

 . |-public | |-index.html | |-client.js | |-src | | |-person.js |-server.js

person.js es una clase que me gustaría compartir entre el servidor y el cliente. socket.io me permite enviar un objeto json, pero no puedo encontrar una manera de enviar métodos adjuntos a una persona (). Entonces, en cambio, estoy recurriendo a enviar un json y reinicializar el objeto Person. Esto también me lleva a algunos problemas de importación.

En servidor.js:

 const { Person } = require('./public/src/person') ... io.on('connection', client => client.emit('init', new Person({data}))

En cliente.js:

 let person; socket.on('init', handlePerson); function handlePerson(data) { person = new Person(data); person.method(); ... }

Si bien esto funciona, me pregunto si hay una mejor manera de hacerlo. También me obliga a poner una exportación fea en la parte inferior de person.js:

 if (typeof module !== 'undefined') { module.exports = { Overworld } }

donde el servidor requiere el módulo interno. exporta, pero el cliente obtendría un Uncaught ReferenceError: module is not defined

Debo agregar, mi index.html está importando los archivos js así:

 <script src="/socket.io/socket.io.js"></script> <script src="/src/Overworld.js"></script> <script src="/client.js"></script>

Creo que uno de estos archivos debe ser muy estremecedor para un desarrollador js experimentado. ¡Cualquier ayuda o explicación sería apreciada!