什么是卡片？
魯迅曾經說過：這張是卡片
這一張也是卡片
但是卡片也有分類，比如說：
圖1是全局搜索類卡片-在華為全局搜索框中搜索關鍵詞，若關鍵詞精確匹配即可出現
圖2是情景智能卡片-在達成一定觸發條件后，推送相應卡片。（如台風天會推送台風預警卡片）
但是需要注意的是，並非所有看到的卡片都是卡片類服務，其中內容接口類的服務也可以是卡片。具體請參考內容接口類- Fulfillment接口設計-選擇卡片模板：
https://developer.huawei.com/consumer/cn/doc/distribution/service/5060405#h1-1573183156482
（內容接口類在本文不做拓展）
為什么要開發卡片？
卡片中不僅可以顯示更多詳細的信息，也可以根據需求去設計如何展示。可是適應各種各樣的需求，如以下的模板：
我怎么樣才能開發卡片？
重要：先和快服務運營小哥哥小姐姐溝通一下，了解一下自己需要做什么，怎么做有一個大概了解
1、 設計卡片
設計卡片需要有個初步的理念，想做成什么樣式。如果完全沒有樣式可以參考上圖的模板，或者根據我們的組件來搭建設計。
設計需使用Sketch工具配合“HAG component library”組件進行設計。通過Sketch與相應組件設計后，后續使用開發時才可以拖拽相應組件直接開發，可以減少開發工作量及開發錯誤率！
當然設計也並非可以天馬行空的設計，其中也含有很多標准要求比如標題區高度，字體大小，熱區范圍等都是有規定的。
這部分一定要參考卡片的UX規范設計：
https://developer.huawei.com/consumer/cn/doc/distribution/service/hag_card_ux#h1-1577342030486
PS：只有蘋果電腦才可以用這個軟件，終於有理由整一個mac了
2、 提交注冊表
卡片樣式開發完以后，需要和華為的產品及UX核對開發的卡片是否符合要求。UX對於設計后的卡片按照設計規范進行審核，產品對於卡片設計內容給出建議。
如果不按照上面所說的規范來設計產品和UX估計是以下表情
而注冊表中的內容非常詳細，除了一些基本信息以外還需要填寫卡片熱區/按鈕及相應的跳轉邏輯。
如：按鈕【查看更多】點擊后的跳轉邏輯為【跳轉到更多列表的頁面】
3、 開發卡片
待碰頭確認注冊表后咱一拍即合，就得開始着手開發卡片了
開發卡片也得遵守基本法，必須按照注冊表中內容進行開發
先下載個IDE工具
https://developer.huawei.com/consumer/cn/doc/development/quickApp-Guides/quickapp-installtool
再按照之前確認好的注冊表內容進行開發。
開發工具IDE是長這樣子的：
雖說中間一堆代碼看起來有些嚇人，但右側界面可以找到與設計是相對應的組件，可以直接拖拽到中間代碼處（拖至大致位置處即可），出現可編輯提示時即可釋放，並且右側的模擬預覽就會實時變化。下方區域為提示框，若不符合規范，則會彈出提示。
一定要注意，包括字體顏色，區域框架間隔都需要與注冊表中內容一致。
注意：
1、 當拖拽不到位時，軟件可以自適應的將調整到應該插入的位置。（故盡量不手動輸入代碼，可能會導致與注冊表內容有偏差而被駁回，如文本間距等)。
2、 當出現不符合規范情況時，仍然可以保存打包，但是會導致華為審核無法通過。
3、 具體開發指導請參考《卡片開發使用手冊》
https://developer.huawei.com/consumer/cn/doc/distribution/service/5060427#h2-1589252272677-1
4、 自測試
開發這么難都做了，剩下的自測還不是簡簡單單~
在平台上創建快服務填寫相應內容后，需要進行自測試，查看開發的卡片是否符合要求，跳轉內容是否正確，是否一鍵跳轉等。
卡片類快服務自測指南：
https://developer.huawei.com/consumer/cn/doc/distribution/service/5060433
卡片類快服務自測講解視頻：https://v.qq.com/x/page/q0956jooero.html?
需要特別提醒下“一鍵返回”的問題，很多開發者都因為沒注意這條規范而測試審核被駁回：
一鍵返回：點擊快服務卡片跳轉到APP/快應用落地頁，從落地頁使用系統回退鍵需能一鍵返回快服務卡片，不可返回到首頁或其他頁面。
參考以下圖片：一鍵返回2種自測場景
5、 上傳卡片，提交審核
確認卡片無誤后便可以在應用市場中上傳卡片，卡片通過了應用市場審核后方可提交快服務審核。
畢竟應用市場和快服務是兩個部門，如果同時提交，很容易導致快服務測試測得卡片包為舊版本，而誤駁回。
以上就是開發快服務卡片需要了解的一些事項拉！本文描述的僅是大致流程，而着手開發更是需要仔細看官方指導中各種各樣的規范。畢竟卡片涉及邏輯和組件較多，因為熱區、間距、字體等原因駁回的卡片不在少數，希望開發者們關注規范，不局限於功能性~
往期鏈接：手機智眼——智慧視覺
內容來源：https://developer.huawei.com/consumer/cn/forum/topicview?tid=0201264034187730025&fid=17
原作者：李咕咕