
互动游戏,分为游戏前台跟游戏后台。
前台主要提供 活动初始化、登录授权、游戏规则说明、游戏抽奖、抽奖结果展示、分享等。
详细调用的接口参考【前台游戏接口】部分的说明。
参考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自定义等等)。
详细调用的接口参考【后台管理接口】部分的说明。