sockjs_client_wrapper

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

一個 Dart 包裝器，用於 `sockjs-client` JavaScript 庫，可在 Flutter Web 應用程式中實現類似 WebSocket 的通訊。它提供了一個簡單的介面，用於建立和管理與 SockJS 伺服器的連接，支援透過多種傳輸方式（包括 WebSocket、長輪詢等）進行即時資料交換。該套件專為 Web 平台設計，並可無縫整合至 Flutter Web 專案中。它抽象了底層細節，使處理連接開啟、訊息接收和錯誤等事件變得更加容易。

適用情境

即時聊天應用
即時儀表板更新
基於網路的協作工具
事件驅動的Web介面
伺服器發送的通知

主要特色

跨運輸相容性
簡單的事件驅動 API
與 Flutter Web 的無縫整合
自動回退到備用傳輸方式
連接狀態管理支援

適合對象

Flutter web 開發人員需要即時功能
使用 SockJS 伺服器的專案
需要可靠客戶端-伺服器通訊的應用程式
尋求輕量級 WebSocket 替代方案的開發者
瀏覽器相容性極為關鍵的使用案例

使用建議

僅支援網頁平台
依賴 JavaScript 互操作
可能需要額外的錯誤處理來應對網路問題
僅限SockJS伺服器端點
不適用於行動或桌面應用程式

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

SockJS Client Wrapper

A Dart wrapper around the SockJS Client. Uses the js Dart package to interop with the JS lib.

Usage

Include the SockJS library in your app's index.html prior to the main Dart/JS script:

<!DOCTYPE html>
<html>
  <head> ... </head>
  <body>
    <!-- For local dev/debugging, use the unminified version: -->
    <script src="/packages/sockjs_client_wrapper/sockjs.js"></script>

    <!-- In production, use the minified version:  -->
    <script src="/packages/sockjs_client_wrapper/sockjs_prod.js"></script>
  </body>
</html>

Import package:sockjs_client_wrapper/sockjs_client_wrapper.dart and create a SockJSClient instance that will connect to a SockJS server:

import 'package:sockjs_client_wrapper/sockjs_client_wrapper.dart';

Future<Null> main() async {
  final client = new SockJSClient(Uri.parse('ws://localhost:9000/echo'));
  await client.onOpen.first;
  client.send('Hello!');
  ...
}

Development

Install dependencies

$ npm install
$ dart pub get

Run the example

$ dart run dart_dev serve

Run tests

$ dart run dart_dev test

搜尋套件、儲存庫與 APP 分類

安裝套件