# 自定義端口開發 NIUCLOUD框架目前有web,uni-app,admin這三個端口。有時候我們有這樣的需求，在一個應用或插件中，希望開發一一個師傅端，一個用戶端，或者希望開發一個收銀臺POS端口。NIUCLOUD框架的設計中是完全支持的。這個自定義的端口可以是把現有的web,uni-app復制出來一份修改，或者是基于自己的前端架構體系完全獨立開發。 **實現步驟如下**： 1. 在插件的info.json 文件中，添加如下端口描述節  ``` { "title": "商城系統", "desc": "實物虛擬商品，訂單，物流同城配送，門店自提", "key": "shop", "version": "1.2.0", "author": "niucloud", "type": "app", "support_app": "", "port": [ { "name": "doc", "title": "文檔管理", "command": "npm i;npm run docs:build", "outDir": "dist/build/h5" } ] } ``` 要注意，port節是一個數組，支持在本插件或應用中添加多個端口 ~~~~~ "name": "doc", // 端口名稱 需與端口目錄保持一致 "title": "文檔管理", // 端口標題 "command": "npm i;npm run docs:build", // 編譯命令 "outDir": "dist/build/h5" // 編譯文件輸出目錄相對于端口源碼根目錄 ~~~~~ 1. 自定義端口的實際文件夾目錄的名稱需要與info.json中完全一致對應  2. 在插件的 app\\config 文件夾下添加路由文件route.php文件 ``` use think\facade\Route; Route::rule( rule:'doc', function() { return view( template: app()->getRootPath().'public/doc/index.html'); })->pattern(['any'=> '\w+']); ```  <br> 通過上面的步驟，插件在云安裝，云編譯的時候，系統會自動把該自定義端口，按照command命令指定的格式，編譯到outDir目錄下。如果是開發者本地編譯和運行，只要執行第三個步驟就可以，第一二步不需要。