Javascript SDK (version 0.0.6)

초기화

Browser

<script src="{your_path}/gitple-live-sdk-v0.0.6.min.js"></script>

React, Vue, ETC

import * as GitpleLive from "gitplelive";

사용 예제

Browser

<script src="{your_path}/gitple-live-sdk-v0.0.6.min.js"></script>
<script>
    const app_id = 'app_id';
    const user_id = 'user_id';
    const app_key = 'app_key';
    const url = 'https://{API_HOST}';
    const api_url = "https://{API_HOST}/v1";

    const config = { app_id, url, app_key, api_url };
    const userInfo = { user_id };
    const gitplelive = new GitpleLive.Client(config);

    gitplelive.connectUser(userInfo);

    /**
     * 이벤트 핸들러 등록
     */

    // 기본 이벤트
    gitplelive.on("connect", () => {
        console.log("GitpleLive Connect");
    });

    gitplelive.on("disconnect", () => {
        console.log("GitpleLive Disconnect");
    });

    gitplelive.on("error", (data) => {
        console.log("GitpleLive Error:", data);
    });

    /**-
     * 채널 이벤트
     */

    gitplelive.on("group:channel_create", (channel) => {
        console.log("=== group:channel_create ===");
        console.log("Channel Data :", channel);
    });

    gitplelive.on("group:channel_update", (channel) => {
        console.log("=== group:channel_update ===");
        console.log("Channel Data :", channel);
    });

    gitplelive.on("group:channel_delete", (channel) => {
        console.log("=== group:channel_delete ===");
        console.log("Channel Data :", channel);
    });

    gitplelive.on("group:channel_join", (channel, user) => {
        console.log("=== group:channel_join ===");
        console.log("channel:", channel);
        console.log("user:", user);
    });

    gitplelive.on("group:channel_leave", (channel, user) => {
        console.log("=== group:channel_leave ===");
        console.log("channel:", channel);
        console.log("user:", user);
    });

    gitplelive.on("group:channel_manager_create", (channel, user) => {
        console.log("=== group:channel_manager_create ===");
        console.log("channel:", channel);
        console.log("user:", user);
    });

    gitplelive.on("group:channel_manager_delete", (channel, user) => {
        console.log("=== group:channel_manager_delete ===");
        console.log("channel:", channel);
        console.log("user:", user);
    });

    gitplelive.on("group:channel_freeze", (channel) => {
        console.log("=== group:channel_freeze ===");
        console.log("channel:", channel);
    });

    gitplelive.on("group:channel_unfreeze", (channel) => {
        console.log("=== group:channel_unfreeze ===");
        console.log("channel:", channel);
    });


    /**
     * 메시지 이벤트
     */
    gitplelive.on("group:message_send", (channel, message) => {
        console.log("=== group:message_send ===");
        console.log("channel:", channel);
        console.log("message:", message);
    });

    gitplelive.on("group:message_delete", (channel, message) => {
        console.log("=== group:message_delete ===");
        console.log("channel:", channel);
        console.log("message:", message);
    });

    /**
     * 사용자 이벤트 핸들러
     */
    gitplelive.on("user_update", (user) => {
        console.log("=== user_update ===");
        console.log("user:", user);
    });

    gitplelive.on("user_delete", (user) => {
        console.log("=== user_delete ===");
        console.log("user:", user);
    });

    // 채널 메시지 읽음 이벤트
    gitplelive.on('group:channel_message_read_event', (channel) => {
        console.log('=== group:channel_message_read_event ===');
        console.log('channel:', channel);
    });

    // 채널 메시지 배달 이벤트
    gitplelive.on('group:channel_message_delivered_event', (channel) => {
        console.log('=== group:channel_message_delivered_Event ===');
        console.log('channel:', channel);
    });    
</script>

React, Vue, ETC

import * as GitpleLive from "gitplelive";

const app_id = 'app_id';
const user_id = 'user_id';
const app_key = 'app_key';
const url = 'https://{API_HOST}';
const api_url = "https://{API_HOST}/v1";

const config: GitpleLive.Config = { app_id, url, app_key, api_url };
const userInfo: GitpleLive.UserInfo = { user_id };
const gitplelive: GitpleLive.Client = new GitpleLive.Client(config);

gitplelive.connectUser(userInfo);

/**
 * 이벤트 핸들러 등록
 */

// 기본 이벤트
gitplelive.on('connect', () => {
    console.log('GitpleLive Connect');
});

gitplelive.on('disconnect', () => {
    console.log('GitpleLive Disconnect');
});

gitplelive.on('error', (data) => {
    console.log('GitpleLive Error:', data);
});

// 채널 이벤트
gitplelive.on('group:channel_create', (channel: GitpleLive.Channel) => {
    console.log('=== group:channel_create ===');
    console.log('Channel Data :', channel);
});

gitplelive.on('group:channel_update', (channel: GitpleLive.Channel) => {
    console.log('=== group:channel_update ===');
    console.log('Channel Data :', channel);
});

gitplelive.on('group:channel_delete', (channel: GitpleLive.Channel) => {
    console.log('=== group:channel_delete ===');
    console.log('Channel Data :', channel);
});

gitplelive.on('group:channel_join', (channel: GitpleLive.Channel, user: GitpleLive.User) => {
    console.log('=== group:channel_join ===');
    console.log('channel:', channel);
    console.log('user:', user);
});

gitplelive.on('group:channel_leave', (channel: GitpleLive.Channel, user: GitpleLive.User) => {
    console.log('=== group:channel_leave ===');
    console.log('channel:', channel);
    console.log('user:', user);
});

gitplelive.on('group:channel_manager_create', (channel: GitpleLive.Channel, user: GitpleLive.User) => {
    console.log('=== group:channel_manager_create ===');
    console.log('channel:', channel);
    console.log('user:', user);
});

gitplelive.on('group:channel_manager_delete', (channel: GitpleLive.Channel, user: GitpleLive.User) => {
    console.log('=== group:channel_manager_delete ===');
    console.log('channel:', channel);
    console.log('user:', user);
});

gitplelive.on('group:channel_freeze', (channel: GitpleLive.Channel) => {
    console.log('=== group:channel_freeze ===');
    console.log('channel:', channel);
});

gitplelive.on('group:channel_unfreeze', (channel: GitpleLive.Channel) => {
    console.log('=== group:channel_unfreeze ===');
    console.log('channel:', channel);
});

// 메시지 이벤트
gitplelive.on("group:message_send", (channel: GitpleLive.Channel, message: GitpleLive.Message) => {
    console.log('=== group:message_send ===');
    console.log("channel:", channel);
    console.log("message:", message);
});

gitplelive.on("group:message_delete", (channel: GitpleLive.Channel, message: GitpleLive.Message) => {
    console.log('=== group:message_delete ===');
    console.log("channel:", channel);
    console.log("message:", message);
});

// 사용자 이벤트 핸들러
gitplelive.on("user_update", (user: GitpleLive.User) => {
    console.log('=== user_update ===');
    console.log("user:", user);
});

gitplelive.on("user_delete", (user: GitpleLive.User) => {
    console.log('=== user_delete ===');
    console.log("user:", user);
});

// 채널 메시지 읽음 이벤트
gitplelive.on('group:channel_message_read_event', (channel: GitpleLive.Channel) => {
    console.log('=== group:channel_message_read_event ===');
    console.log('channel:', channel);
});

// 채널 메시지 배달 이벤트
gitplelive.on('group:channel_message_delivered_event', (channel: GitpleLive.Channel) => {
    console.log('=== group:channel_message_delivered_Event ===');
    console.log('channel:', channel);
});