Wix Blocks: 앱 가격 설정 및 관리하기

4 분 분량
Wix Blocks는 모든 Wix Studio 사용자가 사용할 수 있습니다. Blocks에 액세스하려면, Wix Studio에 가입하세요.
Wix 개발자 센터를 통해 Wix 앱 마켓에 Blocks 앱을 게시하면 사이트 제작자에게 다양한 가격으로 다양한 앱 동작을 제공할 수 있습니다. 예를 들어, 앱의 무료 버전을 다운로드해도 여러 서비스를 받을 수 있지만, 결제를 하면 더 많은 서비스를 받을 수 있습니다. 이를 위해서는 사용자를 식별하고, 유료 플랜을 결정하고, 앱의 동작에 영향을 미치는 시스템을 생성 및 관리해야 합니다. 

시작하기 전: Wix 개발자 센터에서 가격 구성하기


유료 플랜에 맞게 Blocks 앱 조정하기

Wix 개발자 센터에서 가격 설정을 구성하는 것은 첫 번째 단계일 뿐입니다. 이제 고유한 로직 및 UI로 유료 플랜을 처리할 수 있도록 앱을 조정해야 합니다. 여기에는 네 단계가 포함됩니다. 
  1. 플랜별로 다른 사용자 인터페이스(UI) 생성하기
  2. 다양한 플랜에서 앱이 작동하는 방식 코딩하기
  3. 선택사항: 일부 구성 조정하기
  4. 선택사항: 패널 사용자 지정하기
  5. 선택사항: 앱 설치 변경하기
이 도움말에서는 슬롯머신과 같이 위로 이동하는 숫자를 표시하는 예제 앱을 사용합니다. 

앱 표시 상태를 보여주는 Gif - 위로 올라가는 숫자

1 단계 | 플랜별로 다른 사용자 인터페이스(UI) 생성하기

앱은 다양한 유료 플랜에 따라 사용자에게 다르게 작동해야 하므로, 먼저 다양한 사용자에게 표시되는 내용을 이해해야 합니다. 이는 다중 상태 상자, 또는 delete()restore() 함수를 사용해 요소를 삭제 및 복원해 수행할 수 있습니다.  다중 상태 상자는 코드 없이도 다양한 사용자 인터페이스를 제공할 수 있습니다. 
또한, 사이트 제작자가 앱을 설치한 후 업그레이드할 수 있는 명확한 진입점을 생성해야 합니다.

2 단계 | 코드

위젯 코드에 다음을 사용해 위젯의 동작에 영향을 줍니다. 
해당 정보를 처리하려면 wix-application 모듈을 가져옵니다. 
1import wixApplication from 'wix-application'
getDecodedAppInstance()를 사용해 VendorProductId를 가져와 코드 논리에 사용합니다.
1import wixApplication from 'wix-application'; $w.onReady(async function () { instance = await wixApplication.getDecodedAppInstance(); plan = instance.vendorProductId; //Wix 개발자 센터에서 구성한 vendorProductId 입니다. //플랜이 없는 경우, 값은 null입니다. // 이제, 다른 플랜에 대한 로직을 추가합니다 }); $widget.onPropsChanged((oldProps, newProps) => { });
2
3
참고
앱의 백엔드 파일에서 wix-application을 가져올 수도 있습니다. 

3 단계 | 구성

이제 Blocks의 구성 탭에서 몇 가지를 변경할 수 있습니다. 

그리드와 같은 위젯의 특정 요소를 선택 불가로 정의할 수 있습니다. 표시 이름 또한 변경할 수 있습니다. 이러한 변경 시에는 모든 유료 플랜을 고려해야 합니다. 

참고:
앱에 대한 유료 플랜을 정의하면 위젯의 액션바에 자동으로 업그레이드 버튼이 추가됩니다.
자동 업데이트
위젯 및 요소 표시 이름 및 동작 구성에 대한 자세한 도움말을 확인하세요. 

4 단계 | 패널 사용자 지정하기

앱의 vendorProductId를 가져와서 위젯 코드에서와 마찬가지로 패널 코드의 플랜에 따라 패널에서 요소를 표시하거나 숨길 수 있습니다. 

이는 패널 탭에 있는 패널의 코드 섹션에서 수행할 수 있습니다. 

5 단계 | 앱 및 위젯 설치 설정하기

앱 설치 설정을 통해 사이트의 추가 패널에 표시되는 위젯과 더 많은 옵션을 제어할 수 있습니다. 설치 설정을 검토할 때는 모든 유료 플랜을 고려해야 합니다. 예를 들어, 요소 추가 패널에서 비공개하고자 하는 위젯이 있을 수 있습니다.

앱 및 위젯 설치 설정에 대한 자세한 도움말을 확인하세요.

축하합니다. 앱 게시 준비가 완료되었습니다. 앱이 Wix 개발자 센터 가이드라인을 준수하는지 확인하세요. 

도움이 되었나요?

|