開發(fā)和管理自定義組件
您可以通過自定義組件功能上傳在線下開發(fā)的自定義組件，上傳后的自定義組件可以在頁(yè)面設(shè)計(jì)器中使用。本文介紹如何開發(fā)和管理自定義組件。
開發(fā)自定義組件流程說明
開發(fā)自定義組件流程說明如下：
環(huán)境要求
node版本：14.20.Xnpm版本： 6.14.X
開發(fā)自定義組件操作步驟
步驟一：下載示例代碼
關(guān)于如何下載開發(fā)模板，請(qǐng)參見下載示例代碼。
步驟二：安裝依賴
解壓下載的zip包，進(jìn)入工程根目錄，執(zhí)行npm install命令安裝依賴。
步驟三：?jiǎn)?dòng)本地應(yīng)用
執(zhí)行npm start命令啟動(dòng)本地應(yīng)用。
步驟四：調(diào)試自定義組件
在應(yīng)用開發(fā)過程中，您無需上傳本地組件至平臺(tái)，即可在任意頁(yè)面設(shè)計(jì)器中發(fā)起對(duì)自定義組件的預(yù)覽及調(diào)試。調(diào)試步驟如下：
打開任意頁(yè)面編排設(shè)計(jì)器。
復(fù)制
&__bwfInjectFrom__=http%3A%2F%2Flocalhost%3A3200，追加在設(shè)計(jì)器頁(yè)面URL的末尾，回車刷新頁(yè)面后您可以在組件面板區(qū)域的自定義組件頁(yè)簽下看到已經(jīng)加載的自定義的組件。
步驟五：生成自定義組件zip包
執(zhí)行npm run build命令構(gòu)建JS文件，腳本會(huì)在根目錄生成component.zip。
步驟六：發(fā)布自定義組件（新增自定義組件）
登錄BizWorks，在選擇平臺(tái)下拉列表中選中輕應(yīng)用組裝平臺(tái)。
單擊頁(yè)面右上角
圖標(biāo)或其文本框區(qū)域，在下拉列表中單擊目標(biāo)項(xiàng)目名稱后，單擊應(yīng)用頁(yè)簽。在應(yīng)用列表頁(yè)面單擊目標(biāo)輕應(yīng)用名稱。
在目標(biāo)輕應(yīng)用導(dǎo)航欄中，單擊擴(kuò)展管理，在擴(kuò)展管理頁(yè)面單擊自定義組件頁(yè)簽。
在擴(kuò)展管理的自定義組件頁(yè)簽，單擊新增自定義組件。
在新增自定義組件面板，單擊虛線框區(qū)域或拖拽目標(biāo)zip包至虛線框區(qū)域內(nèi)，完成文件上傳。
填寫自定義組件名稱、編碼和描述（可選）。
單擊確認(rèn)。
在自定義組件頁(yè)面，您可查看所新增的定義組件。
編輯自定義組件
在自定義組件頁(yè)面，單擊目標(biāo)自定義組件或目標(biāo)自定義組件右側(cè)操作列下的編輯。
在編輯自定義組件面板，完成自定義組件名稱和描述信息修改后，單擊確認(rèn)。
下載自定義組件
在自定義組件頁(yè)面，單擊目標(biāo)自定義組件名稱右側(cè)操作列下的下載。
刪除自定義組件
在自定義組件頁(yè)面，單擊目標(biāo)自定義組件名稱右側(cè)操作列下的刪除。
在二次確認(rèn)對(duì)話框中，單擊刪除。
下載示例代碼
在自定義組件頁(yè)面，單擊下載示例代碼。