결제위젯 Flutter SDK로 결제 과정을 구현한 Flutter 샘플 프로젝트입니다. 자세한 연동 방법과 결제 과정은 공식 연동 문서에서 확인하세요.
Dart SDK, Flutter SDK 를 설치해 주세요.
-
결제위젯 샘플 프로젝트 레포지토리를 클론(Clone)하고 Flutter 폴더로 진입하세요.
$ git clone https://github.com/tosspayments/payment-widget-sample # 샘플 프로젝트 클론 $ cd payment-widget-sample/flutter
-
의존성 패키지를 다운로드합니다.
$ flutter pub get
-
플러터 앱을 실행합니다.
build variant를live로 설정하고 테스트하세요.$ flutter run lib/main.dart
샘플에 있는 키로 연동이 가능하지만, 내 테스트 연동 키를 사용하면 테스트 결제내역, 웹훅 기능을 사용할 수 있어요. 내 테스트 연동 키는 개발자센터에서 확인할 수 있습니다. 더 자세한 내용은 API 키 가이드를 참고하세요.
- 클라이언트 키: 샘플 앱 실행 후, Client Key에 내 결제위젯 클라이언트 키를 입력하세요. 또는
lib/utils/config.dart파일에서_live부분을 수정한 후 앱을 실행하세요.
-
토스페이먼츠 개발 블로그 👉 30분 안에 결제 페이지 개발하기 (ft. 결제위젯)
-
토스페이먼츠 연동 문서 👉 결제위젯 이해하기 | 결제위젯 연동 문서