前台游戏接口

后台管理接口

整理流程图

前台部分细节说明

互动游戏，分为游戏前台跟游戏后台。

前台主要提供 活动初始化、登录授权、游戏规则说明、游戏抽奖、抽奖结果展示、分享等。

详细调用的接口参考【前台游戏接口】部分的说明。

参考Demo

• • 接口测试 （PC端链接）

    天猫客户端扫码	手机淘宝客户端扫码

代码示例：

<!-- 样式引用，必选 -->
<link rel="stylesheet" href="http://g.tbcdn.cn/tmapp/tida/1.7.15/tida.css"/>     
<!-- jssdk引用，必选 这样引入必须手动将appkey参数带上 -->
<script src="http://g.tbcdn.cn/tmapp/tida/1.7.15/tida.js?appkey=你的前台appkey"></script>

<script>
    var interactId = Tida.getParam("interactId");
    Tida.ready({
        interactId:interactId,//互动实例ID type string 若无抽奖模块，次参数无须传入。传错会走错误流程。
        module: [] //应用所需要的模块。示例：[buy,draw]。默认只有基础API。其他模块需要重新引入：抽奖:draw ; 传感器:sensor ;交易:buy ; 基础设备:device ; 社交相关:social ; 客户端UI:widget。
    },function(result){
        var $ = function(id){
            return document.getElementById(id);
        }

        // 展示游戏规则
        $("btn-rules").onclick = function(){
            Tida.showRule("巴拉巴拉的规则<br/>测试内容");
        }

        // 立即开始
        $("btn-begin").onclick = function(){
           if(Tida.isSupportedApp){//判断是否手机客户端
               Tida.doAuth({refresh:false},function(result){
                   if(result.finish){
                       // 开始你的互动页面吧
                   }else{
                       // 授权失败或用户取消授权时的处理
                   }
               });
           }else{
               // PC端不支持Tida.doAuth接口，需要用开放平台原有方式进行授权
               self.location = "你的游戏页面（采用oauth授权流程）";

               /* PC端游戏页面也不支持tida.js的draw,saveScore,queryScore。需要ISV后台调用TOP接口（文档开头有链接）*/
           }
        }

        // 展示游戏奖品
        $("btn-award").onclick = function(){
            Tida.showGameAward();
        }
    });
</script>

<div style="background-image:url(你的背景图片地址)" class="Tida-enter-wrap">
    <div class="Tida-enter-header">互动游戏<span id="btn-rules">规则</span></div>
    <div class="Tida-enter-begin" id="btn-begin"></div>
    <div class="Tida-enter-award" id="btn-award"></div>
</div>

后台部分细节说明

后台主要提供 登录授权、游戏与奖池绑定生成活动、游戏个性化配置（比如logo自定义等等）。

详细调用的接口参考【后台管理接口】部分的说明。

FAQ