[flutter] get_it을 사용한 웹소켓 통신

14 Dec 2023

flutter

웹소켓은 실시간으로 양방향 통신이 가능한 프로토콜로, Flutter 애플리케이션에서 이를 구현하려면 get_it을 사용하여 의존성을 주입할 수 있습니다.

get_it이란?

get_it은 의존성 관리 라이브러리로, Flutter 애플리케이션에서 서비스 로케이터 패턴을 구현할 때 매우 유용합니다. get_it을 사용하면 애플리케이션의 여러 곳에서 동일한 인스턴스에 쉽게 접근할 수 있습니다.

get_it의 사용 예시:

GetIt locator = GetIt.instance;

locator.registerLazySingleton(() => ApiService());

웹소켓 통신 구현

먼저, web_socket_service.dart 파일을 생성하여 웹소켓 서비스를 정의합니다.

import 'package:get_it/get_it.dart';
import 'package:web_socket_channel/io.dart';

class WebSocketService {
  final String _serverUrl = 'ws://example.com/socket';

  IOWebSocketChannel _channel;

  void connect() {
    _channel = IOWebSocketChannel.connect(_serverUrl);
  }

  void disconnect() {
    _channel.sink.close();
  }

  void sendMessage(String message) {
    _channel.sink.add(message);
  }
}

GetIt locator = GetIt.instance;

locator.registerLazySingleton(() => WebSocketService());

다음으로, 애플리케이션의 메인 파일에서 get_it을 사용하여 웹소켓 서비스를 사용합니다.

import 'package:flutter/material.dart';
import 'package:get_it/get_it.dart';
import 'package:flutter_websocket_sample/web_socket_service.dart';

GetIt locator = GetIt.instance;

void setupLocator() {
  locator.registerLazySingleton(() => WebSocketService());
}

void main() {
  setupLocator();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final webSocketService = locator<WebSocketService>();
    webSocketService.connect();
    // 애플리케이션 구현
  }
}

마치며

get_it을 사용하여 웹소켓 통신을 구현하는 방법을 살펴보았습니다. 이를테면, 의존성 주입을 통해 코드를 더 깔끔하고 유지보수하기 쉽게 구성할 수 있습니다. 특히, get_it을 사용하면 애플리케이션의 여러 부분에서 쉽게 사용할 수 있는 장점이 있습니다.

위의 예시를 참고하여 get_it을 사용하여 웹소켓 통신을 구현해보세요.