FlutterFlow를 WooCommerce와 어떻게 통합하나요?

시작하기 전에

이 가이드는 FlutterFlow와 WooCommerce를 프로젝트에 성공적으로 설치했다고 가정합니다.

1단계: FlutterFlow 프로젝트 생성

먼저, FlutterFlow에서 새로운 애플리케이션을 생성합니다.

• flutterflow.io로 이동하여 계정에 로그인하거나 새 계정을 등록합니다.
• 주요 대시보드에서 _새 프로젝트_를 클릭한 다음 빈 프로젝트 옵션을 선택합니다.
• 프로젝트 이름과 설명과 같은 필요한 세부 사항을 입력한 다음 _프로젝트 생성_을 클릭합니다.

2단계: WooCommerce REST API 세부 정보 얻기

FlutterFlow 프로젝트를 WooCommerce와 연동하려면 WooCommerce 플러그인에서 REST API 세부 정보를 가져와야 합니다.

• 워드프레스 대시보드에 로그인하고, WooCommerce 위로 마우스를 올리고 _설정_을 클릭합니다.
• 설정 영역에 들어가면 고급 탭으로 이동합니다.
• 고급 탭에서 _REST API_를 클릭합니다.
• _새 API 키 생성_을 클릭한 다음 설명을 추가하고 API의 사용자를 선택합니다.
• 권한이 _읽기/쓰기_로 설정되어 있음을 확인한 다음 _키 생성_을 클릭합니다.
• 소비자 키와 소비자 비밀번호를 복사하세요. 다음 단계에서 이것들이 필요합니다.

3단계: FlutterFlow에 WooCommerce 추가하기

WooCommerce REST API 세부 정보를 모두 준비한 경우, FlutterFlow 프로젝트로 돌아가 WooCommerce를 통합할 차례입니다.

• FlutterFlow 프로젝트를 엽니다.
• 왼쪽 메뉴의 Backend Integration 섹션을 엽니다.
• _Service 추가_를 클릭한 다음 드롭다운 목록에서 _WooCommerce_를 선택합니다.
• WooCommerce URL, 소비자 키, 소비자 비밀번호를 각각의 필드에 붙여넣은 다음 _Service 추가_를 클릭합니다.

4단계: API 통합 생성

FlutterFlow 프로젝트에 WooCommerce를 성공적으로 추가한 후에는 API 통합을 생성해야 합니다.

• 같은 Backend Integration 섹션에서 _API 통합 추가_를 클릭합니다.
• _WooCommerce_를 선택하고 필요한 세부 사항을 기입합니다.

5단계: WooCommerce에서 데이터 가져오기

API 통합을 성공적으로 설정하면, FlutterFlow 애플리케이션에 WooCommerce 상점에서 데이터를 가져올 수 있게 됩니다.

• 이렇게 하려면 FlutterFlow 프로젝트의 _페이지 액션_으로 이동합니다.
• Onload 액션을 추가하고 _API 호출_을 선택합니다.
• API에서 WooCommerce를 선택하고 수행하려는 _액션_을 선택합니다(제품 가져오기, 장바구니에 추가하기 등).

6단계: 통합 테스트

WooCommerce를 FlutterFlow에 성공적으로 통합하였습니다. 마지막 단계는 테스트하여 완벽하게 작동하는지 확인하는 것입니다.

• 애플리케이션을 테스트하기 위해 실행 버튼을 클릭합니다.
• 애플리케이션을 디버그하고 오류를 수정합니니다.
• 애플리케이션에 오류가 없으면 _게시_를 클릭합니다.

7단계: 애플리케이션 배포

마지막 단계는 사용자가 애플리케이션에 액세스할 수 있도록 애플리케이션을 배포하는 것입니다.

• FlutterFlow 프로젝트 대시보드의 오른쪽 상단에 있는 게시 버튼을 클릭합니다.
• 배포할 플랫폼(iOS 또는 Android)을 선택하고 프롬프트에 따라 애플리케이션 배포를 완료합니다.

축하합니다! 이제 FlutterFlow와 WooCommerce로 제공되는 애플리케이션이 있습니다. 애플리케이션에 더 많은 기능을 추가하려면 FlutterFlow 대시보드에서 더 많은 도구와 옵션을 탐색하십시오.