卡片类快服务，需要开发者按照华为快服务卡片开发规范，完成卡片开发及数据内容的提供，本题目中，拟开发一个"体育赛事"快服务，要求开发者通过快应用IDE开发一张符合规范的卡片用于展示体育赛事信息，为便于赛事数据的获取，华为快服务平台提供了赛事查询的接口，开发者在卡片中完成调用即可。

本题目中，开发者需要按照指引完成快应用卡片的开发，通过调用我们提供的体育赛事查询的接口，完成体育赛事信息的展示，在快服务测试助手上通过体育赛事查询意图触发自定义卡片的展示，效果如下：

硬件要求

软件要求

创建卡片项目

打开快应用IDE，点击 文件-新建项目-新建卡片项目

填入卡片相关的信息

开发卡片

新建卡片后IDE会自动生成相应的卡片文件，卡片文件是以ux/wux为后缀，文件结构主要有三部分，分别为template、style、script。

1.Template模板部分是类似HTML的标签语言，结合基础组件、自定义组件、事件，构建出页面的结构。

这部分主要是页面UI布局控件的设计，以及做一些数据绑定、事件绑定、列表渲染等等操作，具体功能请参照
https://developer.huawei.com/consumer/cn/service/hms/catalog/fastapp.html?page=fastapp_fastapp_devguide_template

2.Style样式用于描述template模板的组件样式，决定组件如何显示。

样式布局采用CSS Flexbox（弹性盒）样式，针对部分原生组件，对 CSS 进行了少量的扩充以及修改。为了解决屏幕适配问题，所有与大小相关的样式（例如width、font-size）均以基准宽度（默认750px）为基础，根据实际屏幕宽度进行缩放，例如width:100px，在1500px宽度屏幕上，width实际上为200px。

主要功能有模板内部样式、文件导入等等，具体功能请参照
https://developer.huawei.com/consumer/cn/service/hms/catalog/fastapp.html?page=fastapp_fastapp_devguide_style

3.script脚本用于定义页面数据和实现生命周期接口，支持ES6语法。在这个模块中做的是整个卡片的数据获取、变量命名、生命周期管理等核心操作。

这部分具体做的是对象的定义、方法的编写、生命周期重写等等，具体功能请参照
https://developer.huawei.com/consumer/cn/service/hms/catalog/fastapp.html?page=fastapp_fastapp_devguide_script

导入获取赛事数据API

接口：getScheduleInfos()

在ux文件的script下通过
import { getScheduleInfos } from '../Common/fetch_util'
引入，在onInit生命周期中调用，然后在回调处理数据：

使用IDE实时编译

连接手机后点击实时编译按钮，会将卡片运行到手机上的快应用加载器（如没有，会提示安装）

打包正式版本

  1. 生成证书

菜单-工具-生成证书，单击"OK"，生成证书。

  1. 打包正式版本

菜单-构建-打包正式版本，输入相关信息后点击OK进行编译，生成正式版本。

控制台-输出 可以查看编译信息。

在华为应用市场上架快应用卡片

  1. 登录华为开发者联盟，进入应用市场：

  1. 点击"我的应用"，进入应用列表：

  1. 点击"创建"按钮创建快应用：

  1. 完成应用信息配置，提交审核：

创建快服务

  1. 进入华为快服务智慧平台：

  1. 创建卡片类快服务，根据本题要求，服务分类选择"新闻阅读>体育赛事"，应用选择上述创建的快应用：

配置快服务意图

进入"配置>交互模型"页面，添加用户意图：

意图分类选择"看体育赛事"，呈现方式选择上述开发的卡片：

配置快服务

依次完成快服务其他信息的配置并保存。

发布测试态快服务

进入"测试>测试发布"页面，发布测试态快服务：
  1. 构建-运行到快服务助手

  1. 进入"测试>真机测试"页面，打开快服务二维码：

  1. 打开手机上的快服务助手App，点击卡片类快服务

  1. 点击扫描二维码，扫描上述快服务二维码：

  1. 触发卡片展示效果如下：

干得好，您已经成功完成了codelab并学到了：

 已复制代码