일상생활

Connecting websocket from Flutter 본문

tech

Connecting websocket from Flutter

SM_SNAIL 2025. 1. 22. 09:45

1. js 패키지 설치

pubspec.yaml에 다음과 같이 js 패키지를 추가합니다

dependencies:
  flutter:
    sdk: flutter
  js: ^0.6.3

추가하고 패키지를 설치합니다.

$ flutter pub get

3.web 폴더 구조

index.html 에 websocket.js 파일 추가 합니다.

```html
  <title>windows_flutter_web_testpage</title>
  <script src="websocketSample.js"></script>
  
```

 4.사용

$ flutter doctor //채널 확인
$ flutter channel stable //채널 변경
$ flutter upgrade //채널 업그레이드
$ flutter config --enable-web //웹 앱 사용 활성화
$ flutter devices //사용 가능한 디바이스 확인

5.실행하기

// run
$ flutter run -d chrome
Launching lib\main.dart on Chrome in debug mode...
Waiting for connection from debug service on Chrome...             11.4s
This app is linked to the debug service: ws://127.0.0.1:63805/EAlgYyEyUw4=/ws
Debug service listening on ws://127.0.0.1:63805/EAlgYyEyUw4=/ws

 

반응형