Как использовать веб-сокеты в Next JS

Question

Я использую Next js для рендеринга серверной части моего приложения. Однако мне также нужно подключиться к библиотеке Gamesparks (для аутентификации), которая использует веб-сокеты. Каждый раз, когда я пытаюсь добавить свой скрипт в тег head, я получаю сообщения о том, что он не работает. Можно ли использовать веб-сокеты в Next JS? Я много видел про сокет io и думал об этом, но мне пришлось бы переписать прилагаемую библиотеку. Мне также любопытно, должен ли я вместо этого попытаться создать свой собственный сервер Express для управления этими соединениями?

Как вы, вероятно, можете сказать, я новичок в веб-разработке, поэтому любые ресурсы и предложения будут оценены!

Сообщение об ошибке из браузера: http://localhost:3000/gamesparks/gamesparks-rt.js net :: ERR_ABORTED 404 (не найдено)

Answer 1

Ошибка почти всегда полезна.

Это подразумевает, что он не может найти этот файл JavaScript, поэтому вам нужно выяснить, почему. Ваш сервер настроен для обслуживания статических ресурсов? Вам нужно будет настроить это :

app.use(express.static('public'))

Где вы поместили этот файл в public/gamesparks/gamesparks-rt.js относительно вашего проекта Express.

Это то, к чему обычно относится ошибка типа 404: ваш браузер запросил файл и ему сказали, что он не существует. Так как Express не будет обслуживать «статические» файлы, если вы не сообщите об этом, вам нужно будет настроить его.