卡片上传使用

上传卡片

1. 访问CraftArts IPDCenter门户网站，登录管理员账号，点开左上角功能扩展按钮，进入管理中心。
   图1 进入管理中心
   

2. 绑定应用。

   进入管理中心，选择“集成管理 > 应用集成”，单击“添加应用”。

   图2 添加应用
   

3. 新增密钥。

   选择“集成管理 > 密钥管理”，单击“创建密钥”。

   密钥作为卡片认证信息唯一标识，在卡片开发过程中使用当前密钥进行统一认证，生成token进行前后端数据请求。详情参见统一认证配置指南。

   图3 新增密钥
   

4. 将开发指导中生成的卡片JS进行上传管理。

   将打包后的mylib.umd.min文件名修改为index，并同需要引用的静态资源压缩在同一级目录。

   图4 zip示例截图
   
   图5 上传卡片
   
   

   Vue CLI生成的卡片输出为完整js，需要将其重命名为index.js，放置在zip压缩包内。否则会出现验证不通过的异常。

使用卡片

卡片上传完成之后就可以在角色桌面中查看并使用了。

1. 进入管理中心，选择“集成管理 > 卡片管理”，选择需要使用的卡片，单击“使用卡片”并“确定”。
   图6 使用卡片
   

2. 进入门户编辑页面。
   图7 进入门户编辑
   

3. 单击“增加功能卡片”展开卡片列表，拖动创建好的卡片到角色桌面中。
   图8 添加专属卡片
   

4. 成功引入卡片展示，效果如图。
   图9 卡片渲染成功样例