본문으로 건너뛰기

Shopify 스토어를 iOS 앱으로: 스토어에 연결된 네이티브 앱

고객은 스토어 웹사이트에서 쇼핑합니다. 홈 화면에서 바로 열게 하려면 앱이 필요합니다. 제품, 주문과 결제는 Shopify에 그대로 두고, 그 위에 네이티브 앱을 연결합니다.

AirBuild읽는 데 5분

스토어를 열었고 고객은 웹사이트에서 주문합니다. 다음으로 자주 떠오르는 질문은 단골 고객이 홈 화면에서 바로 열 수 있는 앱도 만들 수 있는지입니다.

스토어는 웹사이트입니다

Shopify 스토어는 웹사이트입니다. 테마가 화면 모양을 정하고, 고객은 브라우저에서 제품을 둘러보고 장바구니에 담아 결제합니다. iOS 앱이 아니며 App Store에도 표시되지 않습니다.

하지만 앱에 필요한 대부분은 이미 Shopify에 있습니다. 제품, 재고, 가격, 장바구니, 결제와 주문입니다. iOS 앱을 만들기 위해 이 데이터를 옮길 필요는 없습니다. 그 위에 네이티브 화면을 연결하면 됩니다.

앱 빌더와 래퍼

Shopify App Store에는 Mobile app builder 카테고리가 있습니다. 2026년 10월 1일 기준 앱 106개가 등록되어 있었고, 자체 브랜드 앱으로 신제품과 회원 전용 할인 알림을 고객에게 직접 보낼 수 있다고 설명합니다.

또 다른 방법은 스토어 주소를 네이티브 셸로 감싸는 것입니다. 하지만 이 방식은 다시 포장한 웹사이트를 넘어서는 기능, 콘텐츠와 UI를 요구하는 Apple의 가이드라인 4.2에 걸립니다. 스토어 주소를 WebView로 감싸면 다시 포장한 웹사이트이기 때문입니다.

Shopify가 안내하는 두 가지 도구

Shopify 개발자 문서는 모바일 앱에 필요한 두 가지 도구를 설명합니다. Storefront API는 앱에서 스토어의 제품, 컬렉션과 검색 결과를 불러오고 장바구니와 고객 계정을 관리할 수 있게 합니다. Checkout Kit는 Swift 앱 안에 Shopify의 결제 화면을 표시하는 오픈 소스 SDK입니다. 브랜드, 결제 설정과 결제 수단이 그대로 적용되며, 제품과 장바구니 페이지에 Shop Pay와 Apple Pay 버튼을 두어 한 번에 결제할 수도 있습니다.

  1. 제품과 컬렉션재고, 가격, 이미지
    Storefront API
    카탈로그와 제품 페이지네이티브 그리드, 상세 정보, 옵션 선택기
  2. 장바구니웹사이트에서 쓰는 것과 동일한 장바구니
    Storefront API
    장바구니어디서든 열 수 있는 시트
  3. 결제와 지불결제 설정과 할인
    Checkout Kit
    결제앱 안에서 열리는 Shopify 결제 화면
  4. 고객 계정주문 내역
    Storefront API
    내 주문로그인 후 확인하는 이전 주문
스토어 데이터와 결제는 Shopify에 그대로 남고, 앱은 Shopify가 안내하는 두 가지 도구로 이를 사용합니다.

AirBuild로 가져오는 iOS 앱도 이 두 가지 도구를 중심으로 설계합니다. 주문은 지금처럼 Shopify 관리자에 들어오고, 결제는 Shopify의 결제 화면에서 처리됩니다.

스토어 하나를 앱으로

커피 원두를 파는 스토어를 예로 들어 보겠습니다. 웹사이트의 각 페이지는 앱에도 대응하는 자리가 있으며, iPhone에 맞는 방식으로 구성됩니다.

스토어 웹사이트

/collections/coffee원산지별로 정리한 모든 커피
/products/ethiopia분쇄도와 용량 드롭다운
장바구니 드로어오른쪽에서 슬라이드되어 표시
/account이전 주문

네이티브 앱

커피 탭원산지별로 묶은 그리드
제품 페이지분쇄도와 용량을 고르는 분할 제어
장바구니시트로 표시되며 결제 시 Shopify 결제 화면 열기
내 주문로그인 후 확인하는 동일한 주문
커피 로스터리의 예입니다. 웹사이트는 그대로 유지되고 앱이 새로운 진입점이 됩니다.

AirBuild로 가져오는 방법

  1. 링크 남기기

    스토어 주소, 앱에서 할 일과 주요 사용자를 설명하는 한 문장을 적어 대기자 명단에 등록하세요. 예: ‘단골 고객이 사용하며, 평소 구매하는 원두를 기억하는 앱.’

  2. AI 팀이 SwiftUI로 앱 만들기

    AirBuild의 제품, 디자인과 개발 에이전트가 스토어의 컬렉션, 제품과 구매 방식을 파악해 네이티브 iOS 앱을 만듭니다. 스토어 자체는 바뀌지 않습니다.

  3. iPhone에서 사용해 본 뒤 App Review 진행하기

    앱은 TestFlight를 통해 iPhone에 전달됩니다. 직접 사용해 보고 일상적인 표현으로 수정을 요청할 수 있습니다. 준비가 끝나면 AirBuild가 App Store 등록 정보를 준비하고 제출합니다. 심사 상황을 확인하고 심사 담당자에게 답변하며, 지적된 문제를 수정해 다시 제출합니다.

준비할 것

  • 스토어 주소.
  • 앱의 첫 사용자가 누구이며 앱에서 무엇을 해야 하는지 설명하는 한 문장. 웹사이트의 모든 페이지를 앱으로 만들 필요는 없습니다.
  • 구독이나 리뷰처럼 스토어 운영에 필요한 Shopify 앱. 위 문장에 함께 적어 주세요.
  • Apple Developer Program 멤버십 또는 앱 제출 전에 등록할 계획, 개인정보 처리방침 URL. App Store Connect는 개인정보 처리방침 URL이 없으면 제출을 받지 않습니다.

자주 묻는 질문

Shopify에서 내 스토어용 iOS 앱을 만들 수 있나요?

Shopify만으로는 만들 수 없습니다. Shopify 스토어는 웹사이트이며, Shopify App Store의 Mobile app builder 카테고리에는 이 작업을 하는 타사 앱이 100개 넘게 등록되어 있습니다. Shopify가 네이티브 앱용으로 직접 안내하는 도구는 Storefront API와 Checkout Kit입니다.

스토어 웹사이트를 감싸서 앱으로 만들 수 있나요?

App Store에 등록하기는 어려운 경우가 많습니다. 가이드라인 4.2는 앱이 다시 포장한 웹사이트를 넘어서는 기능, 콘텐츠와 UI를 제공해야 한다고 명시합니다. 스토어 주소를 WebView로 감싼 앱은 다시 포장한 웹사이트에 해당합니다.

주문과 결제는 계속 Shopify를 통해 처리되나요?

네. 네이티브 앱은 Storefront API를 통해 제품을 불러오고 장바구니를 관리합니다. Checkout Kit는 앱 안에서 Shopify의 결제 화면을 열기 때문에 주문은 지금처럼 Shopify 관리자에 들어옵니다.

내 테마, 앱과 할인은 어떻게 되나요?

스토어는 바뀌지 않으며 테마, 앱과 설정도 Shopify에 그대로 남습니다. 결제는 Shopify에서 처리하므로 기존 결제 설정과 할인도 그대로 적용됩니다. 스토어에서 사용하는 앱을 알려주시면 이를 고려해 iOS 앱을 설계합니다.

Mac이나 Xcode가 필요한가요?

둘 다 필요하지 않습니다. AirBuild는 Mac 또는 클라우드에서 AI 팀을 실행하고, 앱은 TestFlight를 통해 iPhone에 전달됩니다. 앱을 출시하려면 Apple Developer Program 멤버십이 필요합니다.

iOS 앱 코드는 누가 소유하나요?

사용자가 소유합니다. 스토어는 사용자의 Shopify 계정에 그대로 있고, AirBuild가 만드는 SwiftUI 프로젝트도 사용자 소유입니다.