開始使用 JavaScript 的 MQTT 傳訊用戶端

您可以開始使用 JavaScript 的 MQTT 傳訊用戶端 ,方法是顯示傳訊用戶端範例首頁,並瀏覽它所鏈結的資源。 若要顯示此首頁,您可以將 MQTT 伺服器配置為接受來自 MQTT 傳訊用戶端範例 JavaScript 頁面的連線,然後在 Web 瀏覽器中鍵入您在伺服器上配置的 URL。 JavaScript 的 MQTT 傳訊用戶端 會自動在您的裝置上啟動,並顯示傳訊用戶端範例首頁。 此頁面包含公用程式、程式設計介面文件、指導教學及其他有用資訊的鏈結。

開始之前

對於進階用途或正式作業用途,您將要重新調整或移除傳訊用戶端範例首頁。 請注意,我們並不保證從範例程式碼產生的使用者介面,符合所有可存取性標準或可存取性需求。

您需要 MQTT 伺服器,才能支援 JavaScript 的 MQTT 傳訊用戶端。 此伺服器必須透過 WebSockets支援 MQTT V3.1 通訊協定。 IBM® MessageSightIBM WebSphere® MQ Version 7.5.0, Fix Pack 1 以及更新版本,支援 WebSockets上的 MQTT protocol 。 請參閱 開始使用 MQTT 伺服器。 若要安裝 IBM WebSphere MQ 以進行免費 90 天評估,請參閱 安裝 IBM WebSphere MQ

WebSocket protocol 是最近建立的。 如果用戶端與伺服器之間有防火牆,請確認它不會封鎖 WebSockets 資料流量。 同樣地,如果您的瀏覽器還不支援 WebSocket protocol1 ,您將無法使用用戶端公用程式或傳訊用戶端範例首頁所提供的指導教學。 表 1 表格列出已測試並顯示其最新版本以使用傳訊用戶端的瀏覽器。
表 1. 與 JavaScript 的 MQTT 傳訊用戶端 搭配使用的受支援瀏覽器
Android iOS Linux Windows
Firefox for Android 19.0 以及更新版本
Chrome for Android 25.0 以及更新版本
Safari 6.0 以及更新版本
Chrome 14.0 以及更新版本
Firefox 6.0 以及更新版本
Chrome 14.0 以及更新版本
Firefox 6.0 以及更新版本
Chrome 14.0 以及更新版本

關於此作業

此作業中的大部分步驟是配置 MQTT 伺服器。 存取 JavaScript 的傳訊用戶端所需的一切,都是執行支援 WebSocket protocol的瀏覽器。

IBM WebSphere MQ上,遵循步驟以透過建立範例通道來啟用 IBM WebSphere MQ Telemetry 。 連接至埠 1883 上的預設 MQTT WebSockets 通道範例。 傳訊用戶端範例首頁 URL 是 IBM WebSphere MQ上的 http://hostname:1883

IBM MessageSight上,安裝並設定軟體驅動裝置,配置傳訊中心以接受連線,並建立 MQTT WebSockets 端點。

程序

  1. 下載 Mobile Messaging and M2M Client Pack,並選擇您可以連接用戶端應用程式的 MQTT 伺服器。
  2. MQTT 伺服器配置成接受來自 適用於 JavaScript的 MQTT 傳訊用戶端 範例 HTML 頁面的連線。
  3. 在您的裝置上開啟 Web 瀏覽器。
  4. 鍵入傳訊用戶端範例首頁的 URL。
    • IBM WebSphere MQ上,這是 http://hostname:1883
    • IBM MessageSight上,這是 http://hostname:port

      其中 hostname 是您在 IBM MessageSight 應用裝置上配置為用戶端要連接之端點的乙太網路 Socket 的 DNS 名稱或 IP 位址, port 是您指派給用戶端端點的 TCP/IP 埠號。

    即會顯示傳訊用戶端範例首頁。

    圖 1. 適用於 JavaScript 的 MQTT 傳訊用戶端範例首頁
    適用於 JavaScript 的傳訊用戶端範例首頁,其中包含公用程式、API 文件、指導教學及其他有用資訊的鏈結。

結果

您已配置 WebSockets的 MQTT 通道。

適用於 JavaScript的 MQTT 傳訊用戶端的範例首頁中,按一下 Web 傳訊公用程式 ,以試用傳訊用戶端 API 中的不同功能。 例如,您可以連接至佇列管理程式、訂閱訊息,然後發佈部分訊息。 您也可以按一下 Web 傳訊指導教學 ,以瞭解如何建立網頁來呼叫 JavaScript API 的 MQTT 傳訊用戶端。

1 具體來說,如果它不支援 RFC 6455 (WebSocket) 標準。