接入卡片類快服務你必須知道的事情

什麼是卡片？

魯迅曾經說過：這張是卡片

這一張也是卡片

可是卡片也有分類，好比說：

圖1是全局搜索類卡片-在華爲全局搜索框中搜索關鍵詞，若關鍵詞精確匹配便可出現

圖2是情景智能卡片-在達成必定觸發條件後，推送相應卡片。（如颱風天會推送颱風預警卡片）

可是須要注意的是，並不是全部看到的卡片都是卡片類服務，其中內容接口類的服務也能夠是卡片。具體請參考內容接口類- Fulfillment接口設計-選擇卡片模板：
https://developer.huawei.com/consumer/cn/doc/distribution/service/5060405#h1-1573183156482

（內容接口類在本文不作拓展）

爲何要開發卡片？
卡片中不只能夠顯示更多詳細的信息，也能夠根據需求去設計如何展現。但是適應各類各樣的需求，如如下的模板：

我怎麼樣才能開發卡片？

重要：先和快服務運營小哥哥小姐姐溝通一下，瞭解一下本身須要作什麼，怎麼作有一個大概瞭解

一、 設計卡片
設計卡片須要有個初步的理念，想作成什麼樣式。若是徹底沒有樣式能夠參考上圖的模板，或者根據咱們的組件來搭建設計。

設計需使用Sketch工具配合「HAG component library」組件進行設計。經過Sketch與相應組件設計後，後續使用開發時才能夠拖拽相應組件直接開發，能夠減小開發工做量及開發錯誤率！

固然設計也並不是能夠天馬行空的設計，其中也含有不少標準要求好比標題區高度，字體大小，熱區範圍等都是有規定的。

這部分必定要參考卡片的UX規範設計：
https://developer.huawei.com/consumer/cn/doc/distribution/service/hag_card_ux#h1-1577342030486

PS：只有蘋果電腦才能夠用這個軟件，終於有理由整一個mac了

二、 提交註冊表
卡片樣式開發完之後，須要和華爲的產品及UX覈對開發的卡片是否符合要求。UX對於設計後的卡片按照設計規範進行審覈，產品對於卡片設計內容給出建議。

若是不按照上面所說的規範來設計產品和UX估計是如下表情

而註冊表中的內容很是詳細，除了一些基本信息之外還須要填寫卡片熱區/按鈕及相應的跳轉邏輯。

如：按鈕【查看更多】點擊後的跳轉邏輯爲【跳轉到更多列表的頁面】

三、 開發卡片

待碰頭確認註冊表後咱一拍即合，就得開始着手開發卡片了

開發卡片也得遵照基本法，必須按照註冊表中內容進行開發

先下載個IDE工具
https://developer.huawei.com/consumer/cn/doc/development/quickApp-Guides/quickapp-installtool

再按照以前確認好的註冊表內容進行開發。

開發工具IDE是長這樣子的：

雖然說中間一堆代碼看起來有些嚇人，但右側界面能夠找到與設計是相對應的組件，能夠直接拖拽到中間代碼處（拖至大體位置處便可），出現可編輯提示時便可釋放，而且右側的模擬預覽就會實時變化。下方區域爲提示框，若不符合規範，則會彈出提示。

必定要注意，包括字體顏色，區域框架間隔都須要與註冊表中內容一致。

注意：
一、 當拖拽不到位時，軟件能夠自適應的將調整到應該插入的位置。（故儘可能不手動輸入代碼，可能會致使與註冊表內容有誤差而被駁回，如文本間距等)。

二、 當出現不符合規範狀況時，仍然能夠保存打包，可是會致使華爲審覈沒法經過。

三、 具體開發指導請參考《卡片開發使用手冊》

https://developer.huawei.com/consumer/cn/doc/distribution/service/5060427#h2-1589252272677-1

四、 自測試

開發這麼難都作了，剩下的自測還不是簡簡單單~

在平臺上建立快服務填寫相應內容後，須要進行自測試，查看開發的卡片是否符合要求，跳轉內容是否正確，是否一鍵跳轉等。

卡片類快服務自測指南：
https://developer.huawei.com/consumer/cn/doc/distribution/service/5060433

卡片類快服務自測講解視頻：https://v.qq.com/x/page/q0956jooero.html?

須要特別提醒下「一鍵返回」的問題，不少開發者都由於沒注意這條規範而測試審覈被駁回：
一鍵返回：點擊快服務卡片跳轉到APP/快應用落地頁，從落地頁使用系統回退鍵需能一鍵返回快服務卡片，不可返回到首頁或其餘頁面。

參考如下圖片：一鍵返回2種自測場景

五、 上傳卡片，提交審覈
確認卡片無誤後即可以在應用市場中上傳卡片，卡片經過了應用市場審覈後方可提交快服務審覈。

畢竟應用市場和快服務是兩個部門，若是同時提交，很容易致使快服務測試測得卡片包爲舊版本，而誤駁回。

以上就是開發快服務卡片須要瞭解的一些事項拉！本文描述的僅是大體流程，而着手開發更是須要仔細看官方指導中各類各樣的規範。畢竟卡片涉及邏輯和組件較多，由於熱區、間距、字體等緣由駁回的卡片不在少數，但願開發者們關注規範，不侷限於功能性~

---

往期連接：手機智眼——智慧視覺
內容來源：https://developer.huawei.com/consumer/cn/forum/topicview?tid=0201264034187730025&fid=17原做者：李咕咕