Bubble.io와 Wix eCommerce 통합: 단계별 가이드 2024

1단계: Bubble.io 앱 만들기

Bubble.io를 Wix eCommerce와 통합하는 첫 번째 단계는 Bubble.io에서 애플리케이션을 만드는 것입니다. Bubble.io 계정에 로그인하고 "New App" 버튼을 클릭하세요. 이렇게하면 앱 만들기 워크플로우가 시작됩니다. 애플리케이션의 이름을 지정하고 앱 타입(단일 페이지, 멀티 페이지 또는 포털 애플리케이션 등)을 정의해야 합니다. 당신의 필요에 가장 잘 맞는 앱 형식을 선택하고 과정을 완료하십시오.

2단계: Bubble.io API 키 찾기

애플리케이션을 만든 후 다음 단계는 Bubble.io API 키를 찾는 것입니다. 이를 찾으려면 Bubble.io 대시보드의 "Settings" 탭으로 이동하세요. "API" 섹션에서 애플리케이션의 'API Key'를 볼 수 있습니다. 이 키를 복사하십시오.

3단계: Wix eCommerce 스토어 만들기

아직 하지 않았다면, Wix eCommerce 스토어를 만드십시오. 이 작업은 Wix 계정에 로그인하고 "Create" 옵션을 선택하여 수행할 수 있습니다.

4단계: Wix 개발자 도구 접근

Wix 스토어가 설정되면 Wix 개발자 도구에 접근할 차례입니다. Wix 계정 홈페이지에서 화면 오른쪽 상단의 'Dev Mode'로 이동한 다음 "Enable Corvid"를 선택하십시오.

5단계: API를 통해 Wix와 Bubble.io 연결

이제 API 키를 사용하여 Bubble.io와 Wix eCommerce를 통합하는 시간입니다. 이 작업을 수행하려면 Wix 'Dev Mode'에서 'Backend' 섹션을 선택하고 'http-functions.js' 파일을 열고 Bubble.io API에 연결하기 위한 작업을 시작하십시오.

import {fetch} from 'wix-fetch';

export function bubbleGet(queryParams) {
    const url  = `https://appname.bubbleapps.io/version-test/api/1.1/obj/Thing`;

    return fetch(url, {
    method: 'get',
    headers: {
        'Content-Type': 'application/json',
        'Authorization': 'Bearer your_api_key'
             },
    }).then((httpResponse) => {
    if (httpResponse.ok) {
        return httpResponse.json();
    } else {
        return Promise.reject("Fetch did not succeed");
    }
    });
}

"appname"을 Bubble.io 앱 이름으로 "Thing"은 원하는 아이템으로, 'your_api_key'를 실제 Bubble API 키로 교체하십시오.

6단계: 통합 테스트

통합이 성공적으로 이루어졌는지 확인하기 위해 테스트를 실시하는 것이 좋습니다.

참고: 이 가이드의 사용 사례는 기본적인 것이며, Bubble.io와 Wix eCommerce 통합의 가능성은 훨씬 더 넓어서 많은 기능이 있는 복잡하고 동적인 전자 상거래 웹사이트를 만들 수 있습니다. 고급 요구 사항이 있는 경우 전문 개발자를 고용하여 최상의 결과를 얻는 것을 고려하십시오.