感谢您的反馈！
文档中心
> YunOS开放平台
YunOS开放平台
关联卡片接入指南
更新时间：2015/09/18
访问次数：33041
一，关联卡片在手机上的实际效果图：
二，通过开放门户接入流程如下：
范例以打车关联卡片，演示整个配置流程。
步骤一，进入卡包接入模块，如下图所示，卡片类型选择关联卡，关联主卡类型选择电影票。
步骤二，点下一步，进入关联卡片模板配置界面
基本信息配置区域内容说明：
1，脚本：http://linkservice.aliapp.***/****.**?origin=$loc$&destination=$address$。
$loc$变量表示手机当前位置，这个变量是系统默认变量。
$address$变量表示电影主卡中的影院地址，变量来自于主卡字段。
通过配置界面中，可以知道主卡有哪些数据字段。
如下图：
脚本的作用:计算关联卡片上展示的变量数据，有些变量的数据需要依赖服务端计算才能知道。
CloudCard采用最简单的http url规范，通过url请求返回需要的变量值。
这里的URL地址，就是开发者提供的关联服务地址。
本范例返回的结果数据如下：
{"data":{"duration":"16","distance":"7.7","dest":"印象城","dlat":"30.247788","slat":"30.279569","dlon":"120.050482","slon":"120.023752","taxi_cost":"23"},"code":0}
2，标题：打车到$address$。其中$address$表示电影主卡中的影院地址，
3，显示文本：约$data.taxi_cost$元。
显示文本中的变量可以来自主卡，来自系统默认值，来自脚本的计算结果。
本范例的$data.taxi_cost$就来自脚本的计算，返回结果可以参考1中说明。
采用的表示方式是将多层的数据转换为一层的Map表达方式。如data.duration，data.distance。
4，关联链接：http://h5.m.taobao.com/***/****/index.html?end=$address$&source=yunos
其中$address$同样来自主卡字段。
三，编写完成后，点下一步进入发布环节。
如下图：选择要发布的关联卡片。
