Я пытаюсь использовать своих пользователей WordPress для автоматической аутентификации с помощью Firebase / Firechat.
Здесь вы можете увидеть в документации, что Firebase может использовать пользовательскую аутентификацию с помощью безопасных веб-токенов Json:
https://firechat.firebaseapp.com/docs/
Они также ссылаются на эту страницу Firebase, которая подробно описывает создание и использование этих токенов:
https://www.firebase.com/docs/web/guide/login/custom.html?utm_source=docs&utm_medium = сайт&utm_campaign = firechat
Итак, что я пытаюсь сделать, это следующие вещи:
Если пользователь вошел в систему, пусть Firechat распознает его логин и установит псевдоним чата как таковой.
Если они не вошли в систему, они все еще могут видеть чат, но когда они идут говорить, он должен предложить им зарегистрироваться или войти (если вы посмотрите на основной пример в документации Firechat, используя Twitter для входа, вы можете увидеть это использует это. Также пример Firechat на их домашней странице делает это).
Установите пользователя в качестве модератора, если он является автором страницы. Это не так важно, так как я бы скорее сосредоточился на том, чтобы сначала заставить чат работать, а потом беспокоиться об этом.
Из того, что я понимаю, это все функциональные возможности, которые уже есть в Firechat, и Firebase, по-видимому, может аутентифицироваться на любом сервере / системе при условии, что он может генерировать надлежащие учетные данные. Я просто не могу заставить что-то работать, и я должен был прочитать эту документацию около ста раз.
Со всем, что сказал, вот самое дальнее, что я получил:
<!-- jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Firebase -->
<script src="https://cdn.firebase.com/js/client/2.0.2/firebase.js"></script>
<!-- Firechat -->
<link rel="stylesheet" href="https://cdn.firebase.com/libs/firechat/2.0.1/firechat.min.css" />
<script src="https://cdn.firebase.com/libs/firechat/2.0.1/firechat.min.js"></script>
<?php
include('./wp-blog-header.php');
include( './wp-load.php' );
//wordpress global variables
global $user_login;
global $post;
global $wpdb;
global $user_login;
global $current_user;
?>
<div id="firechat-wrapper"></div>
<script type="text/javascript">
var FirebaseTokenGenerator = require("firebase-token-generator");
var tokenGenerator = new FirebaseTokenGenerator("firebase-secret");
var caToken = tokenGenerator.createToken({ uid: $user_login });
var chatRef = new Firebase("https://yourfirebase.firebaseio.com/chat");
chatRef.authWithCustomToken(caToken, function(authData) {
if (authData) {
var chat = new FirechatUI(chatRef, document.getElementById('firechat-wrapper'));
chat.setUser(authData.uid, authData[authData.provider].displayName);
}
});
</script>
Проблема в том, что он вообще не генерирует токен, так как «FirebaseTokenGenerator» не вызывается (он не включен в CDN afaik). Я не уверен, как вызывать его с помощью Javascript, но я знаю, что есть библиотека помощников PHP, которая делает это.
Это так просто, как:
<?php
include_once "FirebaseToken.php";
$tokenGen = new Services_FirebaseTokenGenerator("<YOUR_FIREBASE_SECRET>");
$token = $tokenGen->createToken(array("uid" => "custom:1"));
?>
Но проблема в том, что я понятия не имею, как передать эту информацию из PHP в Javascript. Я также довольно смущен тем, как все это работает. Нужно ли создавать новый токен для каждого пользователя? Или сделать это один раз для сервера, и позволить моей системе входа обрабатывать аутентификацию?
Надеюсь, я ничего не пропустил, но если вам нужна дополнительная информация, просто спросите! Спасибо за прочтение.
Поздравляю!
Firebase и Firechat просто так весело!
Поместите JavaScript в файл сценария и локализуйте его с токеном в качестве данных. Затем инициализируйте чат с этим токеном.
Я использую composer для размещения php-файлов внутри серверной части. Вам нужны как php-jwt, так и генератор токенов. Взгляните на браузер Packagist!
"firebase/php-jwt": "^2.1",
"firebase/token-generator": "^2.0"
https://packagist.org/packages/firebase/php-jwt
https://packagist.org/packages/firebase/token-generator
Если вы не используете composer, включите загруженный источник в определенное место внутри вашего проекта и включите библиотеки.
Пример реализации
PHP-файл для инициализации чата из бэкэнда с авторизованным пользователем:
/* firechat-example.php */
$userdata = get_userdata( get_current_user_id() );
$tokenGen = new \Services_FirebaseTokenGenerator( "#your-token-from-firebase#" );
$token = $tokenGen->createToken( array( "uid" => 'custom:'.$userdata->ID ), array( "admin" => true ) );
wp_enqueue_script( 'your-chat-js', get_stylesheet_directory_uri() . '/firechat-example.js', [ 'jquery' ], null, true );
$data = [
'token' => $token,
'user_id' => $userdata->ID,
'user_name' => $userdata->display_name,
];
wp_localize_script( 'your-chat-js', 'firechat_backend', $data );
echo '<div class="firechat-wrapper"></div>'
Итак, js-файл, локализованный в WordPress, например, ваша тема или плагин:
/* firechat-example.js */
jQuery( document ).ready(function($) {
var firechatRef = new Firebase('https://your-firebase-app-name.firebaseio.com/chat');
firechatRef.authWithCustomToken( firechat_backend.token, function(error, authData) {
if (error) {
console.log(error);
}
else {
var chat = new FirechatUI(firechatRef, document.getElementById('firechat-wrapper'));
chat.setUser( firechat_backend.user_id, firechat_backend.user_name, function(user) {
chat.resumeSession();
});
}
});
});
Сложнее всего настроить чат, но это другая история с использованием исходного кода из репозитория Firechat Github, а затем «ворчать» изменения в новом дистрибутиве для вашего WordPress-чата 🙂
Других решений пока нет …