오픈소스 이커머스 플랫폼인 PrestaShop에 앱을 연결해 스토어 카탈로그, 주문, 고객, 재고 데이터를 읽고 관리합니다.
PrestaShop에 앱 연결하기
오픈소스 이커머스 플랫폼인 PrestaShop에 앱을 연결해 스토어 카탈로그, 주문, 고객, 재고 데이터를 읽고 관리하세요.
PrestaShop은 온라인 스토어의 상품, 주문, 고객, 재고, 가격을 관리하는 오픈소스 이커머스 플랫폼입니다. PrestaShop connector를 통해 Lovable 앱이 workspace 단위 연결로 PrestaShop Webservice를 호출할 수 있습니다. 스토어 운영 도구, 이커머스 대시보드, 맞춤 스토어프론트, PrestaShop 스토어 데이터가 필요한 워크플로우에 적합합니다.
PrestaShop을 연결하면 앱은 다음 작업이 가능합니다.
- 스토어의 상품, 카테고리, 재고 수준, 가격 조회
- 주문, 고객, 카탈로그 운영 대시보드 구축
- API 키로 접근 가능한 PrestaShop Webservice 리소스 관리
- 맞춤 스토어프론트와 내부 도구를 이커머스 데이터와 연동
- 스토어 뷰를 위한 PrestaShop 필터, 정렬, 필드 선택 활용
PrestaShop connector는 팀이 PrestaShop 스토어를 운영하며 카탈로그 관리, 보고, 재고 확인, 고객 지원, 스토어 운영을 위한 맞춤 Lovable 앱이 필요할 때 적합합니다.
주요 활용 사례 및 예시 앱
| 예시 앱 | 프롬프트 예시 | 설명 |
|---|---|---|
| 스토어 운영 대시보드 | Use PrestaShop and build a dashboard that shows recent orders, revenue, top products, and fulfillment status. | 운영자가 스토어 활동을 한 곳에서 모니터링합니다. 앱이 PrestaShop에서 주문, 상품, 고객 데이터를 읽어 팀이 도구를 전환하지 않고 스토어 성과를 확인할 수 있습니다. |
| 상품 카탈로그 관리자 | Use PrestaShop and build an internal catalog manager for searching products, editing prices, and reviewing categories. | 맞춤 인터페이스에서 카탈로그 세부 정보를 관리합니다. 앱이 PrestaShop에서 상품과 카테고리를 나열하고 연결된 Webservice 키에 쓰기 권한이 있으면 레코드를 업데이트합니다. |
| 재고 모니터 | Use PrestaShop and build an inventory monitor that highlights low-stock products and recently changed stock levels. | 주문에 영향을 주기 전에 재고 문제를 추적합니다. 앱이 PrestaShop에서 재고 가용성과 상품 데이터를 읽어 주의가 필요한 항목을 표시합니다. |
| 고객 서비스 포털 | Use PrestaShop and build a support portal where agents can search customers, view recent orders, and check order details. | 고객을 응대하는 동안 지원팀에게 스토어 컨텍스트를 제공합니다. 앱이 PrestaShop에서 고객과 주문을 검색해 상담사가 더 빠르게 답변할 수 있습니다. |
| 맞춤 스토어프론트 | Use PrestaShop and build a storefront that displays products, categories, prices, and stock from my existing store. | 라이브 PrestaShop 카탈로그 데이터로 스토어프론트를 렌더링합니다. 앱이 PrestaShop에서 상품·카테고리 레코드를 가져와 고객 대면 쇼핑 경험으로 제공합니다. |
| 주문 처리 워크플로우 트래커 | Use PrestaShop and build a fulfillment tracker that groups new orders by status and shows products that need packing. | 주문 데이터를 운영 워크플로우로 전환합니다. 앱이 PrestaShop 주문과 라인 아이템을 읽어 주문 처리팀이 다음에 처리할 항목을 우선순위에 따라 결정할 수 있습니다. |
PrestaShop 연결하기
Workspace admin과 owner가 PrestaShop을 연결할 수 있습니다.
서로 다른 스토어 URL과 Webservice API 키를 사용해 여러 PrestaShop 연결을 만들 수 있으며, 환경 분리(예: 스테이징·운영) 또는 여러 스토어 연결에 유용합니다.
연결이 생성되면 PrestaShop은 workspace의 모든 프로젝트에서 사용 가능합니다. 프로젝트에서 작업하는 누구든 Lovable 채팅에서 프로젝트를 연결해 달라고 요청할 수 있습니다.
사전 준비
PrestaShop을 연결하기 전에 다음을 준비하세요.
- Webservice가 활성화된 PrestaShop 스토어
- 스토어의 공개 HTTPS URL (스토어가 도메인 루트가 아닌 하위 디렉터리에 있다면 해당 경로 포함)
- 앱에 필요한 리소스에 대한 권한이 있는 PrestaShop Webservice API 키
- Lovable workspace owner 또는 admin 역할
이 connector를 통한 모든 API 요청은 PrestaShop 스토어와 Webservice API 키를 사용합니다. 스토어 호스팅, API 접근, 할당량, 청구는 Lovable이 아닌 PrestaShop 설정에서 처리됩니다.
1단계: PrestaShop Webservice API 키 발급
PrestaShop Webservice API 키로 Lovable 앱이 PrestaShop Webservice에 인증합니다. API 호출에는 해당 키에 할당된 권한이 적용됩니다.
PrestaShop Webservice API 키를 만드는 방법은 다음과 같습니다.
PrestaShop 백오피스 열기
연결할 스토어의 PrestaShop 백오피스에 로그인합니다.
Webservice 접근 활성화
Webservice 설정을 열고 PrestaShop Webservice가 비활성화되어 있다면 활성화합니다.
스토어의 공개 URL을 메모해 두세요. 도메인 루트에 있는 스토어는 https://shop.example.com, 하위 디렉터리에 있는 스토어는 https://shop.example.com/prestashop과 같이 입력합니다.
Webservice 키 생성
Lovable용 새 Webservice 키를 추가합니다. Lovable integration 같이 설명적인 이름을 사용하세요.
리소스 권한 선택
앱에 필요한 리소스와 메서드를 허용합니다. 주로 사용하는 리소스는 상품, 카테고리, 주문, 고객, 재고 가용성입니다. 쓰기 워크플로우에는 PrestaShop에서 해당 생성·수정 권한을 포함하세요.
키 복사
Webservice API 키를 복사해 안전하게 보관합니다.
Webservice API 키는 비밀번호와 같습니다. 안전하게 보관하고 공개적으로 공유하지 마세요. 다음 단계에서 필요합니다.
자세한 내용은 PrestaShop 문서를 참고하세요. PrestaShop Webservice 시작하기
2단계: Lovable에 PrestaShop 연결하기
서로 다른 스토어 URL과 Webservice API 키를 사용해 여러 연결을 만들 수 있습니다.
Connectors에서 PrestaShop 열기
Connectors → App connectors로 이동해 PrestaShop을 선택합니다.
연결 추가
Add connection을 클릭합니다.
연결 설정
- Display name: 연결 이름을 입력합니다. 예:
PrestaShop Prod - Store URL: PrestaShop 스토어 URL을 입력합니다. 스토어가 도메인 루트가 아닌 경우
/api앞에 하위 디렉터리를 포함하세요. 쿼리 파라미터는 포함하지 마세요. - Webservice API key: PrestaShop Webservice API 키를 붙여넣습니다.
접근 권한 설정
Who can access this connection 아래에서 workspace 내 연결 사용 권한을 결정합니다.
- Only you (기본값): 연결을 만든 사람만 사용 가능합니다.
- Invite specific people: 본인과 명시적으로 추가된 workspace 멤버만 사용 가능합니다.
- Invite entire workspace: Invite entire workspace를 클릭해 Lovable workspace 전체에 연결을 공개합니다.
자세한 내용은 Connection-level access를 참고하세요.
연결 완료
Connect를 클릭합니다.
연결이 완료되면 프로젝트에서 작업하는 누구든(구성된 connection-level access 기준) Lovable 채팅에서 프로젝트를 PrestaShop에 연결해 달라고 요청할 수 있습니다. Lovable 앱은 이후 PrestaShop을 통해 카탈로그, 주문, 고객, 재고 데이터를 읽고 관리할 수 있습니다.
PrestaShop Webservice 데이터 활용
이 connector는 Lovable의 connector 게이트웨이를 통해 API 호출을 전송합니다. Webservice API 키를 프론트엔드 코드, URL, 커스텀 헤더에 넣지 마세요.
자주 사용하는 PrestaShop Webservice 경로는 /products, /categories, /orders, /customers, /stock_availables입니다.
읽기 빈도가 높은 페이지에서는 Lovable에게 display, filter[...], sort, limit 같은 PrestaShop Webservice 쿼리 파라미터를 사용해 앱에 필요한 데이터만 요청하도록 안내하세요.
생성·수정 작업 시 PrestaShop Webservice는 XML 페이로드를 요구하는 경우가 많습니다. Lovable에게 이 요청을 서버 측에서 처리하고 특정 PrestaShop 엔드포인트에서 요구하는 페이로드 형식을 맞추도록 요청하세요.
제한 사항
PrestaShop connector는 다음을 수행할 수 없습니다.
- PrestaShop 스토어 생성, 호스팅, 설정
- PrestaShop에서 Webservice 접근 활성화 또는 Webservice 권한 할당
- 연결된 Webservice API 키에 할당된 권한 우회
- PrestaShop 설정의 한도, 모듈, 호스팅 제약 우회
- Webservice API 키 자동 교체. 키를 교체하려면 PrestaShop에서 키를 생성하거나 업데이트하고 Lovable 연결을 업데이트하세요.
- 엔드 유저별 PrestaShop 로그인 지원. 각 연결은 연결된 모든 프로젝트에서 공유되는 단일 PrestaShop Webservice API 키를 나타냅니다.
- 모든 생성·수정 엔드포인트가 JSON을 허용함을 보장. 일부 PrestaShop Webservice 쓰기 작업은 XML 페이로드를 요구합니다.
PrestaShop 연결에서 프로젝트 연결 해제하기
Editor 이상의 권한을 가진 멤버는 연결 자체를 삭제하지 않고 특정 프로젝트의 연결을 해제할 수 있습니다. 다른 프로젝트는 연결을 계속 사용할 수 있습니다.
프로젝트 연결을 해제하는 방법은 다음과 같습니다.
Connectors 열기
Connectors를 열고 App connectors로 이동해 **PrestaShop**를 선택합니다.
연결 열기
관리할 연결을 엽니다.
프로젝트 선택
Linked projects 아래에서 연결 해제할 프로젝트를 선택합니다.
확인
Unlink projects를 클릭하고 확인합니다.
연결이 해제되면 해당 프로젝트는 이 연결을 통해 PrestaShop에 접근할 수 없습니다. 프로젝트에 다시 PrestaShop가 필요하다면 사용 가능한 연결에 다시 연결하면 됩니다.
PrestaShop 연결 삭제하기
Workspace admin과 owner는 PrestaShop 연결을 삭제할 수 있습니다. 연결을 생성했거나 명시적으로 접근 권한을 부여받은 멤버도 삭제할 수 있습니다.
연결 삭제는 영구적이며 되돌릴 수 없습니다. 연결된 모든 프로젝트에서 자격 증명이 제거되며 이 연결을 사용하는 앱은 새 연결이 추가될 때까지 작동을 멈춥니다.
삭제 전에 Linked projects 섹션에서 현재 연결을 사용 중인 프로젝트를 확인하세요.
연결을 삭제하는 방법은 다음과 같습니다.
Connectors 열기
Connectors를 열고 App connectors로 이동해 **PrestaShop**를 선택합니다.
연결 열기
제거할 연결을 엽니다.
연결된 프로젝트 확인
Linked projects 섹션을 확인합니다.
삭제
Delete this connection 아래에서 Delete를 클릭하고 확인합니다.