플러터(Flutter)는 Google이 개발한 모바일 애플리케이션 개발 프레임워크로, 다양한 플랫폼에서 원활하게 동작하는 멋진 앱을 만들 수 있습니다. 이번에는 플러터 앱과 래디(Redi) 카페를 연결하는 방법에 대해 알아보겠습니다.

래디 카페 API 키 발급하기

래디 카페와 연동하기 위해서는 래디 카페에서 제공하는 API 키가 필요합니다. 래디 카페 웹사이트에 접속하여 개발자 등록을 한 후, API 키를 발급받을 수 있습니다.

플러터 앱에 래디 카페 API 키 설정하기

플러터 앱 프로젝트에서는 flutter_dotenv 패키지를 사용하여 API 키를 설정할 수 있습니다. 먼저 pubspec.yaml 파일에 flutter_dotenv 패키지를 추가합니다.

dependencies:
  flutter_dotenv: ^2.0.0

그런 다음, main.dart 파일에 다음과 같이 flutter_dotenv를 초기화합니다.

import 'package:flutter_dotenv/flutter_dotenv.dart';

Future main() async {
  await dotenv.load();
  runApp(MyApp());
}

앱 실행 시 dotenv.load() 메소드를 통해 환경 변수를 로드할 수 있습니다.

API 호출하기

이제 API 호출을 위한 준비가 완료되었습니다. 래디 카페에서 제공하는 API 엔드포인트를 사용하여 원하는 기능을 구현할 수 있습니다. 예를 들어, 카페의 메뉴 목록을 가져오기 위해서는 다음과 같이 코드를 작성할 수 있습니다.

import 'package:http/http.dart' as http;
import 'package:flutter_dotenv/flutter_dotenv.dart';

Future<List<Menu>> fetchMenuList() async {
  final apiKey = dotenv.env['RAEDI_API_KEY'];
  final url = 'https://api.raedi.com/menu';
  final response = await http.get('$url?api_key=$apiKey');

  if (response.statusCode == 200) {
    final jsonData = json.decode(response.body);
    // 데이터 처리 로직 작성
    // ...
    return menuList;
  } else {
    throw Exception('Failed to load menu list');
  }
}

위의 예제 코드에서 dotenv.env['RAEDI_API_KEY'] 부분은 앞서 설정한 API 키를 가져오는 부분입니다. http 패키지를 사용하여 API 호출을 수행하고, 응답을 처리하는 로직을 작성합니다.

결론

이제 플러터 앱과 래디 카페를 연결하기 위한 API 호출 방법을 알아보았습니다. API 키를 발급받고, 플러터 앱에서 flutter_dotenv를 사용하여 API 키를 설정하고 API 호출을 수행할 수 있습니다. 플러터의 강력한 UI 기능과 래디 카페의 다양한 기능을 활용하여 멋진 앱을 개발해 보세요!