1. 組件調(diào)試簡介

在宜搭應(yīng)用內(nèi)調(diào)試是指自定義組件在應(yīng)用內(nèi)進(jìn)行問題的排查及解決，使組件功能更加符合您的業(yè)務(wù)需求。自定義組件的調(diào)試工作分為簡單調(diào)試及應(yīng)用聯(lián)調(diào)兩種模式。

2. 簡單調(diào)試

在低代碼組件設(shè)計(jì)器中點(diǎn)擊預(yù)覽，可以進(jìn)行對簡單的屬性配置進(jìn)行測試，比如文本、布爾、數(shù)字。改變屬性的值，可以看到一些效果。

圖2.1-1 組件的簡單調(diào)試

注意：以下場景請使用 應(yīng)用聯(lián)調(diào) 模式進(jìn)行調(diào)試：

1. 所有和 function 相關(guān)的屬性及配置都無法在簡單的調(diào)試模式中使用；

1. 和組織、應(yīng)用相關(guān)聯(lián)的組件，比如上傳圖片、搜人等無法在簡單的調(diào)試模式中使用；

3. 應(yīng)用聯(lián)調(diào)

自定義組件開發(fā)設(shè)計(jì)過程中任何與function相關(guān)的配置效果的調(diào)試都需要通過應(yīng)用聯(lián)調(diào)來進(jìn)行調(diào)試，包括返回值的查看、函數(shù)中的console.log()代碼的打印等。

操作步驟：

1. 創(chuàng)建一個(gè)測試應(yīng)用。
2. 應(yīng)用設(shè)置 >> 組件管理 >> 找到你開發(fā)的組件 >> 點(diǎn)擊安裝 >> 選擇「0.1.0（開發(fā)版，組件修改可實(shí)時(shí)同步）」>> 點(diǎn)擊安裝。(如圖3.1-1 所示)

圖3.1-1 安裝0.1.0版本組件

1. 安裝完成后，打開頁面設(shè)計(jì)器，點(diǎn)擊組件面板，點(diǎn)擊 自定義組件，將剛才安裝的組件拖入頁面設(shè)計(jì)器。此時(shí)去組件設(shè)計(jì)器更改后，可以在頁面設(shè)計(jì)器實(shí)時(shí)看到效果。（如圖3.1-2 所示）

圖3.1-2 組件的應(yīng)用聯(lián)調(diào)示意圖

注意：

1. 不要在線上正式應(yīng)用上調(diào)試組件，以免影響線上應(yīng)用。
2. 如果自定義組件面板里看不到你的組件，請檢查下安裝范圍是否正確。