нуксте? Интересует способ чтоб при подключении еще токен пробрасывать
по типу
```
const socket = io('http://localhost:3333', {
extraHeaders: {
authorization: 'token'
}
});
```
как смотрите на то чтобы io('wss://your.api.host/wss?token=J.W.T') указывать token в get параметрах, чтобы отсекать подключения на "подлёте" у которых неверная сигнатура токена
У меня больше вопрос где его подключать.
Это же не отличается от вариант Игоря. @igorbojk а в чём проблема? Твой вариант рабочий. Хочешь проверить авторизацию - сделай мидлвар (в socket.io он есть, нативные не трогал)
Вопрос в том где создавать подключение. По идее подключение должно происходить только если пользователь залогинен. Пока не понимаю где этот инстанс создавать и хранить
допустим в сторе храним пользователя, есть action для аутенттфикации может в нем, проверить что авторизованы и подключаться
Шаблон/vuex и тригерить по авторизации. Всё равно не вижу проблемы.
это то да, но если сам инстанс сокетов хранить в сторе то vuex ругается так как мі его мутируем при полинге. А если хранить в шаблоне\лейоуте то он не будет доступен во всем приложении. А если его хранить в компоненте самого чата, то он будет пересоздавать подключение вместе с компонентом, чего не хотелось бы
сделайте синглтон класс и в нем клиент
vuex ругается на хранение инстанса шаблонов несколько и в одном хранить то доступа в других к нему не будет Или вы о чем-то другом?
Я создавал подключение в шаблоне и по событиям использовал vuex в этом случае. Если работаешь с nuxt-socket-io, то попробуй встроенный туда vuex (я не брал т.к. излишен был) В случае нескольких шаблонов - уже лучше вариант Сергея
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();
То есть при каждом переходе на шаблон создавалось подключение к сокетам?
В случае нескольких шаблонов - не вариант
Обсуждают сегодня