可視化平臺部署

1.配置和安轉(zhuǎn)依賴

• 修改根目錄的 .env.development 文件，配置后端接口地址

# 后端接口地址
VITE_DEV_PATH = 'http://localhost:8080'

• 安裝依賴，建議使用 pnpm，避免不必要的依賴安裝報(bào)錯（node 版本推薦 16.14 左右）

# 安裝 pnpm 
npm install -g pnpm

# 安裝項(xiàng)目依賴

# pnpm（建議使用nrm切換到淘寶源 https://registry.npmmirror.com/）
pnpm install

# npm
npm install

# yarn
yarn install

2.打包項(xiàng)目

# pnpm
pnpm run build

# npm
npm run build

# yarn
yarn run build

# makefile
make dist

3.部署項(xiàng)目：

Nginx配置文件中添加location ，切記不要用重復(fù)的匹配關(guān)鍵詞，編譯的文件上傳到 /var/data/nginx/view/ 目錄下

location ^~/view/ {
   alias /var/data/nginx/view/;
   index  index.html;
   try_files $uri $uri/ /index.html last;
}

部署完訪問地址： https://[域名]/view/ ，也可以通過在系統(tǒng)中添加外鏈菜單

# 參考外鏈地址：
https://iot.m.btsdy.com/view/#/project/items

4.添加菜單，集成到物聯(lián)網(wǎng)平臺

提示

FastBee商業(yè)版本，有系統(tǒng)內(nèi)置大屏和可視化平臺，通過添加菜單方式訪問

• 可視化平臺菜單

系統(tǒng)管理 -> 菜單管理 -> 新增

上級菜單：數(shù)據(jù)可視化
菜單類型：菜單
菜單圖標(biāo)：monitor
菜單名稱：大屏展示
是否外鏈：是
顯示排序：2
路由地址：https://iot.m.btsdy.com/view   # iot.m.btsdy.com 改為自己服務(wù)器的地址
是否緩存：緩存
顯示狀態(tài)：顯示
菜單狀態(tài)：正常

5.注意事項(xiàng)

• 保證nodejs版本在v16.14.x以上，推薦使用v16.14.2。
• 如果使用npm install安裝依賴仍然無法跑起來的話，請使用pnpm，推薦使用pnpm。
• pnpm安裝

1. 安裝 pnpm 
npm install -g pnpm
2. 安裝 nrm 
npm install -g nrm
3. 使用 nrm 添加阿里鏡像
nrm add taobao  https://registry.npmmirror.com/
4. nrm 查看鏡像列表
nrm ls
5. nrm 應(yīng)用對應(yīng)鏡像
nrm use taobao

6.常見問題

1. 運(yùn)行nrm ls時出現(xiàn)錯誤：const open = require('open')

再下載一個open包：npm i nrm -g open@8.4.2 --save 再次執(zhí)行：nrm ls

2. nodejs內(nèi)存泄露

用node -e 'console.log(v8.getHeapStatistics().heap_size_limit/(1024*1024))' 查詢內(nèi)存可以設(shè)置為更高的值：export NODE_OPTIONS="--max-old-space-size=8192" , 值可選：[2048, 4096, 8192, 16384]