JBL智能選線

繁體中文

English

繁體中文

English

Appearance

JBL JS - 快速開始 ​

安裝資訊 ​

使用本產品需向本公司申請以下檔案及驗證金鑰：

  • jbl.js
  • jbl.es.js
  • authorizationKey

參數 ​

名稱類型
authorizationKey字串

使用說明 ​

使用 jbl.js ​

  1. 全域物件：

    • jbl.js 是全域使用的腳本檔案，匯入後會在 window 中自動新增 JBLWebSocket 物件。
    • 注意：JBLWebSocket 為固定物件名稱，無法更改。

  2. 步驟：

    • 將 jbl.js 放置於與 index.html 相同的資料夾下。
    • 在 html檔 中匯入 jbl.js，於 <head> 區塊中加入 <script> 標籤。
    • 執行 connect 方法後，資料將自動回傳至資料中心。

範例程式碼 ​

html
<script type="text/javascript" src="https://cdn.example.com/jbl.js"></script>
<script>
    const authorizationKey = ${Product authorization key};

    // 使用全域物件進行網站監控
    JBLWebSocket.connect(authorizationKey);
</script>

使用 jbl.es.js ​

  1. 模組化設計：

    • jbl.es.js 支援模組化匯入，可以在 import 時自訂義套件名稱，靈活使用於您的專案。

  2. 步驟：

    • 將 jbl.es.js 放置於指定資料夾下，範例中我們將其存放於 /assets/js 資料夾中。
    • 在需要使用的 javascript 檔案中，匯入 jbl.es.js。
    • 使用自訂義名稱來初始化並執行監控。
    • 執行 connect 方法後，資料將自動回傳至資料中心。

範例程式碼 ​

javascript
// 匯入 jbl.es.js 並自訂義名稱
import CustomJBL from '@/assets/js/jbl.es.js';
const authorizationKey = ${Product authorization key};

// 使用自訂義物件進行網站監控
CustomJBL.connect(authorizationKey);

注意事項 ​

  1. 如果使用的是 jbl.js，請務必確認全域物件名稱 JBLWebSocket，此名稱為系統固定，無法更改。
  2. 如果使用的是 jbl.es.js，您可以在匯入模組時自訂物件名稱，提升專案的靈活性。
  3. 在執行其他方法之前，請先透過 connect 方法完成初始化，確保監控功能正常運作。