TAE 独立模块开发手册.docx

TAE 独立模块开发手册.docx

《TAE 独立模块开发手册.docx》由会员分享，可在线阅读，更多相关《TAE 独立模块开发手册.docx（11页珍藏版）》请在冰豆网上搜索。

TAE独立模块开发手册

TAE独立模块开发手册

开发手册

 [隐藏] 

∙1 为什么选择TAE独立模块

∙2 预备工作

o2.1 TAESDK下载和安装

o2.2 预备知识

▪2.2.1 TAE介绍

▪2.2.2 TAEAPP开发

∙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.4 top端创建应用以及发布服务

∙4 附录

TAE独立模块开发手册

为什么选择TAE独立模块

先前isv模块在店铺以iframe的形式展现在店铺系统页面中，存在诸多弊端，比如淘宝用户数据安全、不可用性的不可控等，为了更好解决以上各种弊端，故引入独立模块解决方案。

预备工作

TAESDK下载和安装

点击参考：

TAESDK下载和安装

预备知识

TAE介绍

如果您不曾了解什么是TAE，兴许TAE介绍会帮助您。

TAEAPP开发

TAE独立模块需要开发人员具备TAEAPP开发背景。

如果您还不熟TAEAPP开发过程的话，请先参考：

APP通用开发手册

TAE应用开发者后台使用手册

开发流程

开发流图程

独立模块开发流程图如下：

店铺前端模块开发

模块管理

进入模块管理页面

进入已存在的应用管理界面，点击模块管理:

创建前端模块

图形化界面创建（不建议手动创建，防止模块ID重复）：

各表单项含义为：

▪模块ID：

模块的标示，SDK会自动添加前缀"tshop-um-"，自动添加后缀"appName-_-uuid"，uuid全宇宙唯一性，确保模块ID的唯一性。

▪模块名称：

模块的展示名称，帮助卖家了解模块的功能，可以中文；

▪模块布局：

模块支持的布局宽度；

▪TOP应用key：

前台appkey，在SDK创建前台模块之时，无需关心，可不填。

▪模块缩略图：

用于展示模块功能，便于用户了解；

▪描述信息：

描述模块作用以及其他一些信息。

simpledemo前台模块的目录结构

在创建前台模块中，点击保存，生成的前台模块目录结构如下图。

对应的app目录下会新增modules目录，其下包含前台模块的相关信息。

如果前台模块支持js，则请在assets目录下手动添加javascripts目录，并创建module.js文件，具体如下图：

编写前端模块

通过其他编辑器（比如editplus）编辑前台模块所对应的php、css以及相关js等。

其开发方式与SDK模版中的模块类似，因此，读者可以参考以下资源：

模块PHP开发

模块JS开发

模块描述XML文件（module.xml）

模块调试

注：

目前SDK还不支持图形化界面方式来编辑模块参数，只能通过手动编辑module.xml实现。

独立模块打包

后台app以及前台模块完成所有功能之后，手动压缩后台app以及前台模块，用zip方式压缩。

店铺前端模块上线

本章节中简要介绍TAEAPP后台使用方法，如果读者想进一步深入了解的话，请参考：

TAE应用后台使用手册

创建应用

当独立模块应用已经打包完工后，登录应用开发后台：

选择服务市场，点击创建应用：

填写应用相关信息

上传后端和前端zip包

由于目前独立模块前端模块和后端应用需要两个单独zip包，因此需要开发人员上传两次应用

后端管理界面：

上传后端zip包扫描通过后，点击启动app，并将其上线；

前端管理界面：

点击上传前端zip包，选择调试操作，跳转至装修后台调试模块页面（线上环境）

在线调试

填充模块装修数据窗口：

注：

如果前台模块支持550、950的情况下，在调试页面前台模块会在布局550和950下渲染；各个布局下的渲染结果互不影响。

top端创建应用以及发布服务

请移步至

附录

1、HTML白名单：

2、css白名单：

3、xml配置白名单：

4、JSAPI：

5、php函数白名单：

服务市场ISV模块迁移手册

 [隐藏] 

∙1 预备工作

o1.1 TAESDK下载和安装

o1.2 预备知识

▪1.2.1 TAE介绍

▪1.2.2 TAEAPP通用开发

▪1.2.3 TAE独立模块开发

预备工作

TAESDK下载和安装

点击参考：

TAESDK下载和安装

预备知识

TAE介绍

如果您不曾了解什么是TAE，兴许TAE介绍会帮助您。

TAEAPP通用开发

TAE独立模块需要开发人员具备TAEAPP开发背景。

如果您还不熟TAEAPP开发过程的话，请先参考：

TAEAPP通用开发手册

TAE独立模块开发

如果您还不熟TAE独立模块开发过程的话，请先参考：

TAE独立模块开发手册