TAE 独立模块开发手册.docx

1、TAE 独立模块开发手册TAE 独立模块开发手册开发手册隐藏1为什么选择TAE 独立模块2预备工作o2.1TAE SDK下载和安装o2.2预备知识2.2.1TAE 介绍2.2.2TAE APP 开发3开发流程o3.1开发流图程o3.2店铺前端模块开发3.2.1模块管理3.2.1.1进入模块管理页面3.2.1.2创建前端模块3.2.1.3编写前端模块3.2.1.4模块调试3.2.1.5独立模块打包o3.3店铺前端模块上线3.3.1创建应用3.3.1.1填写应用相关信息3.3.1.2上传后端和前端zip包3.3.1.3在线调试3.3.1.4top端创建应用以及发布服务4附录TAE 独立模块开发手册

2、为什么选择TAE 独立模块先前isv模块在店铺以iframe的形式展现在店铺系统页面中，存在诸多弊端，比如淘宝用户数据安全、不可用性的不可控等，为了更好解决以上各种弊端，故引入独立模块解决方案。预备工作TAE SDK下载和安装点击参考：TAE SDK下载和安装预备知识TAE 介绍如果您不曾了解什么是TAE，兴许TAE 介绍会帮助您。TAE APP 开发TAE 独立模块需要开发人员具备TAE APP开发背景。如果您还不熟TAE APP开发过程的话，请先参考：APP通用开发手册TAE 应用开发者后台使用手册开发流程开发流图程独立模块开发流程图如下：店铺前端模块开发模块管理进入模块管理页面进入已存在

3、的应用管理界面，点击模块管理:创建前端模块图形化界面创建（不建议手动创建，防止模块ID重复）：各表单项含义为：模块ID：模块的标示，SDK会自动添加前缀tshop-um-，自动添加后缀appName-_-uuid，uuid全宇宙唯一性，确保模块ID的唯一性。模块名称：模块的展示名称，帮助卖家了解模块的功能，可以中文；模块布局：模块支持的布局宽度；TOP应用key：前台appkey，在SDK创建前台模块之时，无需关心，可不填。模块缩略图：用于展示模块功能，便于用户了解；描述信息：描述模块作用以及其他一些信息。simpledemo前台模块的目录结构在创建前台模块中，点击保存，生成的前台模块目录结构

4、如下图。对应的app目录下会新增modules目录，其下包含前台模块的相关信息。如果前台模块支持js，则请在assets目录下手动添加javascripts目录，并创建module.js文件，具体如下图：编写前端模块通过其他编辑器(比如editplus)编辑前台模块所对应的php、css以及相关js等。其开发方式与SDK模版中的模块类似，因此，读者可以参考以下资源：模块PHP开发模块JS开发模块描述XML文件（module.xml)模块调试注：目前SDK还不支持图形化界面方式来编辑模块参数，只能通过手动编辑module.xml实现。独立模块打包后台app以及前台模块完成所有功能之后，手动压缩后

5、台app以及前台模块，用zip方式压缩。店铺前端模块上线本章节中简要介绍TAE APP后台使用方法，如果读者想进一步深入了解的话，请参考：TAE 应用后台使用手册创建应用当独立模块应用已经打包完工后，登录应用开发后台：选择服务市场，点击创建应用：填写应用相关信息上传后端和前端zip包由于目前独立模块前端模块和后端应用需要两个单独zip包，因此需要开发人员上传两次应用后端管理界面：上传后端zip包扫描通过后，点击启动app，并将其上线；前端管理界面：点击上传前端zip包，选择调试操作，跳转至装修后台调试模块页面(线上环境)在线调试填充模块装修数据窗口：注：如果前台模块支持550、950的情况下，

6、在调试页面前台模块会在布局550和950下渲染；各个布局下的渲染结果互不影响。top端创建应用以及发布服务请移步至附录1、HTML白名单：2、css白名单：3、xml配置白名单：4、JS API：5、php函数白名单：服务市场ISV模块迁移手册隐藏1预备工作o1.1TAE SDK下载和安装o1.2预备知识1.2.1TAE 介绍1.2.2TAE APP通用开发1.2.3TAE 独立模块开发预备工作TAE SDK下载和安装点击参考：TAE SDK下载和安装预备知识TAE 介绍如果您不曾了解什么是TAE，兴许TAE 介绍会帮助您。TAE APP通用开发TAE 独立模块需要开发人员具备TAE APP开发背景。如果您还不熟TAE APP开发过程的话，请先参考：TAE APP通用开发手册TAE 独立模块开发如果您还不熟TAE 独立模块开发过程的话，请先参考：TAE 独立模块开发手册