接入卡片类快服务你必须知道的事情

时间 2020-08-08 标签卡片服务必须知道事情

什么是卡片？

鲁迅曾经说过：这张是卡片
html

这一张也是卡片
web

可是卡片也有分类，好比说：app

图1是全局搜索类卡片-在华为全局搜索框中搜索关键词，若关键词精确匹配便可出现框架

图2是情景智能卡片-在达成必定触发条件后，推送相应卡片。（如台风天会推送台风预警卡片）ide

可是须要注意的是，并不是全部看到的卡片都是卡片类服务，其中内容接口类的服务也能够是卡片。具体请参考内容接口类- Fulfillment接口设计-选择卡片模板：
https://developer.huawei.com/consumer/cn/doc/distribution/service/5060405#h1-1573183156482svg

（内容接口类在本文不作拓展）工具

为何要开发卡片？
卡片中不只能够显示更多详细的信息，也能够根据需求去设计如何展现。但是适应各类各样的需求，如如下的模板：开发工具

重要：先和快服务运营小哥哥小姐姐沟通一下，了解一下本身须要作什么，怎么作有一个大概了解测试

一、设计卡片
设计卡片须要有个初步的理念，想作成什么样式。若是彻底没有样式能够参考上图的模板，或者根据咱们的组件来搭建设计。字体

设计需使用Sketch工具配合“HAG component library”组件进行设计。经过Sketch与相应组件设计后，后续使用开发时才能够拖拽相应组件直接开发，能够减小开发工做量及开发错误率！

固然设计也并不是能够天马行空的设计，其中也含有不少标准要求好比标题区高度，字体大小，热区范围等都是有规定的。

PS：只有苹果电脑才能够用这个软件，终于有理由整一个mac了

二、提交注册表
卡片样式开发完之后，须要和华为的产品及UX核对开发的卡片是否符合要求。UX对于设计后的卡片按照设计规范进行审核，产品对于卡片设计内容给出建议。

若是不按照上面所说的规范来设计产品和UX估计是如下表情

而注册表中的内容很是详细，除了一些基本信息之外还须要填写卡片热区/按钮及相应的跳转逻辑。

如：按钮【查看更多】点击后的跳转逻辑为【跳转到更多列表的页面】

三、开发卡片

待碰头确认注册表后咱一拍即合，就得开始着手开发卡片了

开发卡片也得遵照基本法，必须按照注册表中内容进行开发

再按照以前确认好的注册表内容进行开发。

开发工具IDE是长这样子的：

虽然说中间一堆代码看起来有些吓人，但右侧界面能够找到与设计是相对应的组件，能够直接拖拽到中间代码处（拖至大体位置处便可），出现可编辑提示时便可释放，而且右侧的模拟预览就会实时变化。下方区域为提示框，若不符合规范，则会弹出提示。

必定要注意，包括字体颜色，区域框架间隔都须要与注册表中内容一致。

注意：
一、当拖拽不到位时，软件能够自适应的将调整到应该插入的位置。（故尽可能不手动输入代码，可能会致使与注册表内容有误差而被驳回，如文本间距等)。

二、当出现不符合规范状况时，仍然能够保存打包，可是会致使华为审核没法经过。

三、具体开发指导请参考《卡片开发使用手册》

四、自测试

开发这么难都作了，剩下的自测还不是简简单单~

在平台上建立快服务填写相应内容后，须要进行自测试，查看开发的卡片是否符合要求，跳转内容是否正确，是否一键跳转等。

卡片类快服务自测讲解视频：https://v.qq.com/x/page/q0956jooero.html?

须要特别提醒下“一键返回”的问题，不少开发者都由于没注意这条规范而测试审核被驳回：
一键返回：点击快服务卡片跳转到APP/快应用落地页，从落地页使用系统回退键需能一键返回快服务卡片，不可返回到首页或其余页面。

参考如下图片：一键返回2种自测场景

五、上传卡片，提交审核
确认卡片无误后即可以在应用市场中上传卡片，卡片经过了应用市场审核后方可提交快服务审核。

毕竟应用市场和快服务是两个部门，若是同时提交，很容易致使快服务测试测得卡片包为旧版本，而误驳回。

以上就是开发快服务卡片须要了解的一些事项拉！本文描述的仅是大体流程，而着手开发更是须要仔细看官方指导中各类各样的规范。毕竟卡片涉及逻辑和组件较多，由于热区、间距、字体等缘由驳回的卡片不在少数，但愿开发者们关注规范，不局限于功能性~