EasyNVR、EasyNVS如何更改前端logo、關鍵字等相關信息

背景需求

EasyNVR被越來越多的用戶所接受使用，由於EasyNVR、EasyNVS自身擁有相對簡潔、大方的頁面樣式，所以部分用戶希望直接使用對應的前端web頁面引用與自身的實際項目中，本篇博文將具體接受如何自主修改EasyNVR、EasyNVS對應的前端web界面。

問題分析

由於EasyNVR和EasyNVS的前端頁面是基於VUE+webpack進行壓縮，因此對外所提供的是前端頁面是壓縮完成直接使用的壓縮版本，這樣的有利於減小項目體積和更加有利於瀏覽器的可讀性。
但是這區別於傳統的html+js的源碼編寫方式，就是用戶自主讀改源碼難度就更大了，下面我們將具體接受如何去自主修改前端源碼！！

解決問題-自我修改源碼以EasyNVR爲例

目錄結構的介紹
軟件包根目錄的www文件夾就是用於放置前端頁面，
我們啓動EasyNVR服務，在頁面直接訪問可以看到web頁面的所有樣式！！

我們可以看到，頁面標註的地方都是具有EasyNVR自身的產品樣式的特徵的前端，那麼我們在不改變整體架構的同時如何修改頁面中對應的logo字樣的標誌呢？

1. 找個合適的編輯器，打開EasyNVR軟件包根目錄的經過壓縮過會的前端代碼！（這邊使用的是VSCode）
   

2. 找出對應的字樣進行文字的替換更改！如"www.easynvr.com"
   
   找到後將其全部全局替換爲自身所需要的信息即可。

3. 替換完成，刷新頁面，發現頁面的信息樣式就會發生變化
   

4. 介紹總結一下EasyNVR所出現的壓縮文件位置！
   index.*.js文件中出現的EasyNVR的完整字樣！
   
   該文件中只需要改這一處就可以，該處是修改頁面左上角的EasyNVR字樣
   保存文件，查看效果：
   
   登錄界面樣式的修改：
   
   將對應位置的文字修改爲自身需要的樣式
   保存完成，刷新頁面看到效果！！！
   
   配置頁面相關選項名稱修改
   找出config..js文件中EasyNVR完整字樣替換爲自身所需字樣，修改並保存
   
   
   此時完成頁面所有樣式的更改

5. 完成更改，提交項目使用！！！

注意： 在使用過程中遇到任何 問題都可以第一時間通過官網諮詢電話進行諮詢溝通！！

---

關於EasyNVR

EasyNVR能夠通過簡單的網絡攝像機通道配置，將傳統監控行業裏面的高清網絡攝像機IP Camera、NVR等具有RTSP協議輸出的設備接入到EasyNVR，EasyNVR能夠將這些視頻源的音視頻數據進行拉取，轉換爲RTMP/HLS，進行全平臺終端H5直播（Web、Android、iOS），並且EasyNVR能夠將視頻源的直播數據對接到第三方CDN網絡，實現互聯網級別的直播分發；

詳細說明：http://www.easynvr.com

點擊鏈接加入羣【EasyNVR解決方案】：383501345

Copyright © EasyDarwin Team 2012-2018