Ошибка 401 при подключении к Pusher из React Native

Я пытаюсь подписаться на канал Pusher от React Native, однако получаю ошибку 401.

Я прочитал, что это может быть ошибка с настройками времени сервера, но убедился, что это правильно. Соединение отлично работает с использованием Laravel Echo и когда я тестировал его на выставке.

Единственное, что у меня немного отличается, - это мой часовой пояс - Европа / Лондон, и в настоящее время он на час опережает UTC. Когда я перехожу к консоли отладки Pusher, все время - UTC.

Вот мой код, если у кого-то есть идеи:

PusherInit(){
    Pusher.logToConsole = true;
    let chat = 'private-chat.' + this.state.chat_id;
    var pusher = new Pusher('...........', {
      authEndpoint: 'https://snippie.co.uk/api/pusher-auth',
        auth: {
            headers: {
                'Accept': 'application/json',
                'Authorization': this.state.token
            }
        },
      cluster: 'eu',
      encrypted: true
    });

    const channel = pusher.subscribe(chat);

    channel.bind('Message_Received',
        function(data) {
            console.info(data);
        }
    );

    channel.bind('pusher:subscription_error', function(status) {
        console.info (status);
        if (status == 408 || status == 503){
          // retry?
        }
      });
  }
Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
1
0
285
1

Ответы 1

Попробуйте изменить заголовки на:

headers: {
    'Accept': 'application/json',
    'Authorization': 'Bearer ' + this.state.token
}

Или же

pusher.config.auth.headers.authorization = 'Bearer ' + this.state.token;

Другие вопросы по теме