SailPlay HUB
Описание
SailPlay HUB - это инструмент, для создания собственных виджетов для работы с сервисом SailPlay.
За счет событийного взаимодействия и независимости от внешних библиотек, модуль удобно встраивается в любой фрэймворк или, написанный Вами код.
Установка
npm install sailplay-hub --save
Для работы с SailPlay HUB, необходимо добавить на страницу тег:
<script src="hub/dist/sailplay.hub.min.js"></script>
Принцип работы
Модуль работает на системе событий.
Модуль взаимодействует с сервером SailPlay с помощью JSONP запросов, поэтому может располагаться на любом домене.
Основной принцип работы с модулем:
-
Инициализация события с необходимыми параметрами с помощью метода:
SAILPLAY.send( {название-события}, {объект-параметр} );
-
Модуль выполняет асинхронные операции, затем инициирует различные события и передает обработанные данные. Установить обработчик на эти события можно с помощью метода:
SAILPLAY.on( {название-события}, {функция-обработчик-принимающая-возвращаемый-объект} );
Примеры работы с SailPlay HUB
SAILPLAY.send('init', { partner_id: 206 });
SAILPLAY.on('init.success', function(){
SAILPLAY.send('login', '38c6285d1b1bce88a1071f116704263bf2511b18');
});
SAILPLAY.on('login.success', function(){
SAILPLAY.send('load.user.info');
SAILPLAY.send('load.user.history');
SAILPLAY.send('load.gifts.list');
SAILPLAY.send('load.badges.list');
SAILPLAY.send('load.actions.list');
});
SAILPLAY.on('load.gifts.list.success', function(gifts){
SAILPLAY.send('gifts.purchase', gifts[0]);
});
SAILPLAY.on('load.actions.list.success', function(data){
SAILPLAY.send('actions.perform', data.actions[1]);
});
SAILPLAY.on('actions.perform.complete', function(){
SAILPLAY.send('load.actions.list');
});
SAILPLAY.on('actions.social.connect.complete', function(){
SAILPLAY.send('load.actions.list');
});
Полная документация
Поный список событий, на которые реагирует модуль и события, инициируемые ими можно узнать на странице:
http://saike.ru/sailplay/widgets/hub