SDK下载

• TIS Demo 下载

JS文件

引入TIS基础库：

<script type="text/javascript" src="https://cdn.aodianyun.com/static/jquery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="https://cdn.aodianyun.com/tis/core/tis-api-1.1.js"></script>
<script type="text/javascript" src="https://cdn.aodianyun.com/tis/core/tis-1.1.js"></script>

tis-api-1.1.js

• tis-api-1.1.js为页面访问TIS开放接口提供支持。查看TIS-OPENAPI 文档

• tis-api-1.1.js中通过ajax发送请求第三方的WEB服务接口，然后由第三方WEB服务带上奥点的accessID和accessKey调用TIS的openapi。

tis-1.1.js

• 该文件通过调用tis-api-1.1.js中的接口与服务器交互，同时提供DMS库的支持。

导入界面相关资源

目前有多套模版，可以任选一套。

引入界面模版tis_perty_ui相关资源：

<link rel="stylesheet" href="https://cdn.aodianyun.com/tis/shared/css/idangerous.swiper.css" />
<link rel="stylesheet" href="https://cdn.aodianyun.com/tis/ui/perty/css/tis-ui-1.1-perty.css" />
<script type="text/javascript" src="https://cdn.aodianyun.com/tis/shared/js/idangerous.swiper-2.0.min.js"></script>
<script type="text/javascript" src="https://cdn.aodianyun.com/tis/ui/perty/js/tis-ui-1.1-perty.js"></script>

或者引入界面模版tis_default_ui相关资源：

<link href="https://cdn.aodianyun.com/tis/ui/default/css/jquery.splitter.css" rel="stylesheet" />
<link href="https://cdn.aodianyun.com/tis/shared/css/idangerous.swiper.css" rel="stylesheet" />
<link href="https://cdn.aodianyun.com/tis/ui/default/css/tis-ui-1.1.css" rel="stylesheet" />
<script type="text/javascript" src="https://cdn.aodianyun.com/tis/ui/default/js/jquery.splitter-0.14.0.js"></script>
<script type="text/javascript" src="https://cdn.aodianyun.com/tis/shared/js/idangerous.swiper-2.0.min.js"></script>
<script type="text/javascript" src="https://cdn.aodianyun.com/tis/ui/default/js/tis-ui-1.1.js"></script>

界面自定义

• 如果需要自定义界面，请参考：https://www.aodianyun.com/aodianyun_doc/260

TIS初始化

//参数1：第三方服务器接口地址。参数2：携带给服务器的数据，服务器可以在POST体中读取，
//参数3：methodInPath，如果为true，则请求地址为：interface.php/{method}，{method}为history、sendMsg等。
//为false则统一请求interface.php，method在POST体中。
var api = TISAPI.New('interface.php', {}, false);
window.tis = TIS(".tis-container", {
    api: api,                               //必须
    useSSL: true,    //是否使用SSL连接，默认false
    //clientid:"clientId1"                  //可选，默认随机生成
    name: "匿名",                           //我的名字
    image: "https://cdn.aodianyun.com/tis/ui/default/img/anonymous.png",          //我的头像
    generateUserEvent: true,             //可选，默认为true
    template:           tis_default_ui,     //界面模版
    onLoadHistory:  null,         //不加载历史消息,如果要加载历史消息，不设置该属性即可
    //以下均可选
    failure: function (error, when) {       //某个操作失败时调用
        if (typeof error != "string") {
            if (when == "sendMsg" && error.code == 400 && error.error == "instance closed") {
                alert("TIS实例已关闭");
                return;
            }
            alert(when + "操作失败");
        } else {
            alert("操作失败：" + error);
        }
    },
    onSendSuccess: function (data) {
        //当发送消息成功时调用
        console.log("消息发送成功");
    },
    onReconnect: function () {
        //当需要与服务器重新连接时调用
        console.log("正在与服务器重连");
    },
    onConnect: function () {
        //当与服务器连接成功时调用
        console.log("与服务器重连接成功");
    },
    onLoadComponent: function () {
        //当组件加载完成时调用
        console.log("组件加载完成");
    },
    updateUser: function (total, clientId) {
        //当generateUserEvent=true,并且在线人数发生变化时调用
        console.log("在线人数:",total);
    }
});

发送消息

tis.SendMessage(text);

修改名字

tis.SetName(name);