組件調(diào)試

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

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

2. 簡單調(diào)試

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

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

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

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

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

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

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

操作步驟：

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

圖3.1-1 安裝0.1.0版本組件

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

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

注意：

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