天猫精灵接入

# 天猫精灵接入文档 ## 1.开发测试 1.1 查询天猫精灵容器版本 ~~~~ adb shell dumpsys package com.alibaba.ailabs.genie.webapps | grep versionName ~~~~ 1.2 打开方式 ~~~~ adb shell am start -d "webapp://com.alibaba.ailabs.genie.webapps/h5/game?url=替换为你的html5网址\&appId=100010000001" ~~~~ * url: h5网址,传入编码后的url即可 * appId: 天猫精灵为h5分配的应用id,此处仅为测试使用 ## 2.SDK接入 2.1 只在天猫精灵上使用 ~~~~ <head> <script type="text/javascript" src="https://appx/genie.game.min.js"></script> ...</head> ~~~~ 2.2在天猫精灵上使用,同时也在非天猫精灵上使用 ~~~~ <head> <!-- 如该 H5 页面需要同时在非天猫精灵设备内使用,为避免该请求404,可参考以下写法 --> <!-- 请尽量在 html 头部执行以下脚本 --> <script> if (navigator.userAgent.indexOf('TmallGenie') > -1) {document.writeln('<script src="https://appx/genie.game.min.js"' + '>' + '<' + '/' + 'script>'); } </script> </head> ~~~~ ## 3.广告接入 3.1 展示广告 * API: my.tg.showAdvertise * 功能:展示广告(可展示两种类型广告,视频广告及banner广告) * 参数说明如下: ![image.png](https://cos.easydoc.net/60646782/files/k4xu1evl.png) * 使用示例 banner广告展示 ![image.png](https://cos.easydoc.net/60646782/files/k4xucnww.png) 视频广告展示 ![image.png](https://cos.easydoc.net/60646782/files/k4xue565.png) 3.2 关闭广告 * API: my.tg.closeAdvertise * 功能:关闭广告 * 参数说明如下: ![image.png](https://cos.easydoc.net/60646782/files/k4xuh0cc.png) * 使用示例 ![image.png](https://cos.easydoc.net/60646782/files/k4xuhrad.png) ## 4.其他API 1.1 关闭天猫精灵左上角操作控件 ~~~~ my.tg.hideNavigationBar(); ~~~~ 1.2 获取用户信息 ~~~~ my.tg.getOpenUserInfoSync() ~~~~ * 返回值 ![image.png](https://cos.easydoc.net/60646782/files/k4xunwbp.png) 1.3 获取设备硬件信息 ~~~~ my.tg.getDeviceInfoSync ~~~~ * 返回值 ![image.png](https://cos.easydoc.net/60646782/files/k4xup65y.png)