wix app tutorial

튜토리얼 : 컴퓨터에서 첫 번째 Wix 응용 프로그램을 만듭니다

이 튜토리얼에서는 Wix 사이트 소유자가 해당 사이트에 배포 할 수있는 Wix 앱 시장에 제출할 수있는 Wix 플랫폼과 상호 작용하는 Wix 응용 프로그램을 만드는 방법을 살펴 봅니다.

1. Wix 개발자 계정에서 앱 설정

A. WIX 개발자에게 로그인 (또는 가입).

B. 클릭

이 화면을 가져와야합니다.

C. Workspace> Oauth로 이동하여 App ID 및 App Secret Key 복사하십시오. 나중에 필요합니다.

2. 인바운드 HTTPS 연결을 수신 할 응용 프로그램 설정

대부분의 개발자 시스템은 인바운드 연결을 위해 열려 있지 않으며 HTTPS 인증서가 없으므로 NGROK를 사용하여 프로세스를 설명합니다. (이러한 제한없이 서버에서 응용 프로그램을 호스팅하는 경우이 단계를 건너 뛸 수 있습니다.)

Ngrok을 설치하고 실행하십시오

참고 : 포트에서 HTTP 터널을 시작하십시오 앱에서 듣고있는 (기본값은 3000) 다음과 같은 것을 얻어야합니다.

NGROK 프로세스를 닫지 마십시오 . 전체 프로세스를 위해 실행해야합니다.

3. 응용 프로그램 URL을 설정하십시오

A. Workspace> Oauth B.로 이동 Redirect URL App URL https://<12345678>.ngrok.io/signup https://<12345678>.ngrok.io/login
'12345678'을 위에서 얻은 Ngrok 문자열로 대체하십시오. 예를 들어:

D. 저장을 클릭합니다.

4. 첫 번째 웹 후크를 받으려면 응용 프로그램을 등록하십시오

A. Workspace> Webhooks로 이동하여 새로운 Webhook을 추가하십시오.

B. wix_developers 카테고리 및 APP_Provisioned_webhook 이벤트를 선택하십시오.

C. WebHook Callback URL을 https : // <12345678> .ngrok.io/Webhook-Callback에 설정하십시오.

'12345678'을 위에서 얻은 Ngrok 문자열로 대체하십시오.

D. 저장을 클릭합니다. 이제 화면 하단에 공개 키가 표시됩니다. Public key 복사하십시오. 나중에 필요합니다.

5. 앱을 만들고 실행하십시오

A. NPM을 다운로드하여 설치하십시오

B. WIX 샘플 응용 프로그램을 컴퓨터에 복제하십시오

C. config.js 파일 ( src 폴더) 에서 :

• APP_ID를 WIX 개발자로부터 복사 한 값으로 찾아 교체하십시오.
• public_key를 Wix 개발자로부터 복사 한 값으로 찾아서 바꾸십시오.

D. Credentials.js 파일 ( src 폴더의) 에서 APP_SECRET을 WIX 개발자로부터 복사 한 값으로 찾아 바꾸십시오.

E. 앱을 실행하십시오

• 복제 된 샘플 응용 프로그램을 찾아보십시오
• npm install 실행하십시오
• npm build 실행하십시오
• npm start 실행하십시오

당신은 다음과 같은 것을 얻어야합니다.

잘하셨어요! 이제 앱이 예상대로 작동하는지 확인해야합니다.

6. 앱을 테스트하십시오

A. Test Your App 클릭하십시오

B. 사이트를 선택하고 Test Your App 클릭하십시오

C. 프롬프트가 표시되면 Add To Site 클릭하십시오.

D. Allow and Install 클릭하여 앱이 데이터를 수집 할 동의를 제공합니다.

E. 응용 프로그램 ID와 사이트 인스턴스 ID를 사용하여 브라우저에 인쇄를 가져와야합니다.

축하합니다, 당신은 끝났습니다!

이제 응용 프로그램 로직 및 기타 WIX API를 추가 할 수 있습니다.