День добрый. Подскажите как лучше реализовать подключение к сокету в

Question

День добрый. Подскажите как лучше реализовать подключение к сокету в

нуксте? Интересует способ чтоб при подключении еще токен пробрасывать
по типу
```
const socket = io('http://localhost:3333', {
extraHeaders: {
authorization: 'token'
}
});
```

#nuxt.js #programming #russian #software

0

06.07.2021

14 ответов

23 просмотра

Ігор Бойко Автор вопроса

Сергей Rekryt Крупкин
как смотрите на то чтобы io('wss://your.api.host/w...

У меня больше вопрос где его подключать.

0

07.07.2021

Evgeniy

Сергей Rekryt Крупкин
как смотрите на то чтобы io('wss://your.api.host/w...

Это же не отличается от вариант Игоря. @igorbojk а в чём проблема? Твой вариант рабочий. Хочешь проверить авторизацию - сделай мидлвар (в socket.io он есть, нативные не трогал)

0

07.07.2021

Ігор Бойко Автор вопроса

Evgeniy
Это же не отличается от вариант Игоря. @igorbojk ...

Вопрос в том где создавать подключение. По идее подключение должно происходить только если пользователь залогинен. Пока не понимаю где этот инстанс создавать и хранить

0

07.07.2021

Сергей Rekryt Крупкин

Ігор Бойко
Вопрос в том где создавать подключение. По идее п...

допустим в сторе храним пользователя, есть action для аутенттфикации может в нем, проверить что авторизованы и подключаться

0

07.07.2021

Evgeniy

Ігор Бойко
Вопрос в том где создавать подключение. По идее п...

Шаблон/vuex и тригерить по авторизации. Всё равно не вижу проблемы.

0

07.07.2021

Ігор Бойко Автор вопроса

Сергей Rekryt Крупкин
допустим в сторе храним пользователя, есть action ...

это то да, но если сам инстанс сокетов хранить в сторе то vuex ругается так как мі его мутируем при полинге. А если хранить в шаблоне\лейоуте то он не будет доступен во всем приложении. А если его хранить в компоненте самого чата, то он будет пересоздавать подключение вместе с компонентом, чего не хотелось бы

0

07.07.2021

Сергей Rekryt Крупкин

Ігор Бойко
это то да, но если сам инстанс сокетов хранить в с...

сделайте синглтон класс и в нем клиент

0

07.07.2021

Ігор Бойко Автор вопроса

Evgeniy
Шаблон/vuex и тригерить по авторизации. Всё равно ...

vuex ругается на хранение инстанса шаблонов несколько и в одном хранить то доступа в других к нему не будет Или вы о чем-то другом?

0

07.07.2021

Evgeniy

Ігор Бойко
vuex ругается на хранение инстанса шаблонов нескол...

Я создавал подключение в шаблоне и по событиям использовал vuex в этом случае. Если работаешь с nuxt-socket-io, то попробуй встроенный туда vuex (я не брал т.к. излишен был) В случае нескольких шаблонов - уже лучше вариант Сергея

0

07.07.2021

Сергей Rekryt Крупкин

Ігор Бойко
это то да, но если сам инстанс сокетов хранить в с...

import helper from './helper.js'; // WebSocket let instance = null; class Socket { constructor() { if (instance) return instance; instance = this; this.host = ''; // адрес вебсокета this.session = ''; // сессия пользовтеля this.token = ''; // токен пользовтеля this.$store = null; // vuex this.task = ''; // имя задачи при отправке this.loading = true; // ожидание данных this.debug = process.env.NODE_ENV !== 'production'; // режим дебага return instance; } // events onclose(event) { // ... } // соединение connect(props) { if (props) { this.host = props.host; this.$store = props.$store; } return new Promise((resolve, reject) => { this.$store.commit('api/setConnected', false); // ... }); } // обработка полученных мутаций и действий process({ mutations, actions }) { // ... } // добавить в очередь отправки данных send(task, data = {}) { // ... return new Promise((resolve, reject) => { // ... } } // авторизация auth() { return this.send('auth'); } } export default new Socket();

0

07.07.2021

Ігор Бойко Автор вопроса

Evgeniy
Я создавал подключение в шаблоне и по событиям исп...

То есть при каждом переходе на шаблон создавалось подключение к сокетам?

0

07.07.2021

Ігор Бойко Автор вопроса

Сергей Rekryt Крупкин
import helper from './helper.js'; // WebSocket let...

Благодарю

0

07.07.2021

Evgeniy

Ігор Бойко
То есть при каждом переходе на шаблон создавалось ...

В случае нескольких шаблонов - не вариант

0

07.07.2021

Сергей Rekryt Крупкин · Accepted Answer

Сергей Rekryt Крупкин

как смотрите на то чтобы io('wss://your.api.host/wss?token=J.W.T') указывать token в get параметрах, чтобы отсекать подключения на "подлёте" у которых неверная сигнатура токена

0

06.07.2021

207 похожих чатов

День добрый. Подскажите как лучше реализовать подключение к сокету в

14 ответов

Похожие вопросы