• 블로그
  • 서비스
    • 홈페이지로 앱제작
    • 템플릿으로 앱제작
    • 주문제작 서비스
    • 스토어 유지보수
  • 도움말
  • 앱 제작 시작하기
  • 문의하기
개발자 문서, 웹뷰(웹뷰,푸시전용) 개발도구

Wix 웹사이트 회원 연동 가이드

5월 14, 2026 Windy No comments yet

Wix 웹사이트에 간단한 코드삽입으로 회원연동 활용 가이드

나만의 Wix 웹사이트에 사용자들이 로그인할 경우 스윙투앱 앱과의 상호 연동을 위해서

필요한 작업들을 소개하도록 하겠습니다.

회원연동을 완료하면 스윙투앱 콘솔에서 웹사이트의 회원을 조회할 수 있으며

연동된 회원을 통해서 웹사이트의 개별 회원에게 푸시 메시지를 발송할 수 있습니다.


1. 회원연동 가이드

1.1 Wix Dashboard 이동 하기

Wix 콘솔화면

1.2 홈화면에 Embed HTML 요소 삽입하기

Wix 콘솔화면

1.3 HTML 요소에 소스 삽입하기

Wix 콘솔화면

(1) 번 영역에 아래의 코드를 삽입하기

HTML 요소 코드복사

<script src="https://pcdn2.swing2app.co.kr/swing_public_src/v3/2022_06_17_001/js/swing_app_on_web.js"></script>

<script>
 window.onmessage = (event) => {
    if (event.data) {
       let receivedData = event.data;
      	console.log('login account : ' + receivedData.id + ',' + receivedData.name);
      swingWebViewPlugin.app.login.doAppLogin(receivedData.id,receivedData.name);
    }
  };
  
</script>

1.4 HTML 요소에 아이디를 부여하기

Wix 콘솔화면

(1) 생성한 HTML 요소에 ID 를 부여하기

다음의 아이디로 반드시 부여해주세요 ID 값 swing2appLogin

1.5 페이지 코드 삽입하기 ( 최종단계 )

Wix 콘솔화면

(1) Home 화면 클릭후 (2) 번 항목 소스 영역에 아래의 코드를 삽입

아래의 코드를 삽입하였다면 모든 작업이 완료되었습니다.

저장후 배포를 하시면 정상 동작할 것입니다.

Wix Home 화면에 삽입할 코드복사

import wixUsers from 'wix-users';
import { currentMember } from 'wix-members-frontend';
$w.onReady(function () {
    if (wixUsers.currentUser.loggedIn) {
        currentMember.getMember('FULL')
            .then((member) => {
                const id = member._id;
                const fullName = `${member.contactDetails.firstName} ${member.contactDetails.lastName}`;
                $w("#swing2appLogin").postMessage({
                    id : id ,
                    name : fullName
                });
                return member;
            })
            .catch((error) => {
                console.error(error);
            });
    }
    else{
        console.log('guest login');
        $w("#swing2appLogin").postMessage({
            id : null ,
            name : null
        });
    }
});

1.6 회원연동 확인 작업

연동 작업을 모두 진행하셨다면 앱으로 웹사이트를 실행후 스윙투앱 콘솔화면 접속 후에

푸시&회원 -> 회원조회 화면에 들어가서 웹사이트 회원이 조회가 되는지 확인된다면

정상적으로 연동된 것입니다.

스윙투앱 콘솔화면에서 Wix 회원 연동이 확인된 화면

Windy

글 내비게이션

Previous
Next

Search

Categories

  • Firebase 연동 3
  • Javascript 웹뷰 API 문서 5
  • Server Side API 명세서 7
  • 개발자 문서 24
  • 대표의 컬럼 9
  • 스윙투앱 기능 7
  • 스토어유지보수 1
  • 앱 개발 8
  • 앱 운영 TIP 8
  • 앱스토어 11
  • 웹뷰 웹뷰,푸시전용 개발도구 6
  • 플레이스토어 33
  • 하이브리드앱 웹앱 2

Tags

aab파일 AI앱개발 APK파일 DUNS DUNS번호 DUNS번호 발행 DUNS번호조회 ios 개발자가이드 구글개발자계정 구글플레이 노코드앱제작 던스번호 리뷰 비공개테스트 스토어유지보수 심사거절 안드로이드API 애플 애플개발자계정 애플엔터프라이즈 앱개발 앱개발비용 앱미리보기 앱설치 앱스토어 앱 심사 어플제작 웹뷰브라우저 웹뷰앱 푸시기능 푸시알림 푸시앱 플레이스토어

Archives

  • 2026년 5월
  • 2026년 4월
  • 2026년 3월
  • 2026년 2월
  • 2025년 12월
  • 2025년 9월
  • 2025년 7월
  • 2025년 6월
  • 2025년 5월
  • 2025년 4월
  • 2025년 3월

Categories

  • Firebase 연동
  • Javascript 웹뷰 API 문서
  • Server Side API 명세서
  • 개발자 문서
  • 대표의 컬럼
  • 스윙투앱 기능
  • 스토어유지보수
  • 앱 개발
  • 앱 운영 TIP
  • 앱스토어
  • 웹뷰 웹뷰,푸시전용 개발도구
  • 플레이스토어
  • 하이브리드앱 웹앱

Related articles

Server Side API 명세서, 개발자 문서

푸시 API를 이용하여 푸시 발송하기

5월 18, 2026 Windy No comments yet

스윙투앱 푸시발송 API 푸시 API 를 이용하여 스윙투앱 푸시 발송하기 스윙투앱에서는 대시보드에서 발송하는 푸시 메시지를 API 형태로 발송하는 것을 다음과 같이 제공하고 있습니다. 사전에 협의되지 않은 방식의 API 사용과 , 무분별한 대량발송의 경우 사용에 제한을 받을 수 있습니다. *해당 API 는 유료앱 사용자에게 제공되는 항목 입니다. *App Id, App Key 정보는 아래 가이드에서 확인 가능합니다. […]

Server Side API 명세서, 개발자 문서

푸시기기 삭제하기

5월 18, 2026 Windy No comments yet

스윙투앱 푸시발송 기기정보 삭제하기 API 를 이용하여 기기정보 삭제하기 스윙투앱에서는 관리하는 푸시 기기정보를 삭제하는 API를 다음과 같은 형태로 제공하고 하고 있습니다. 사전에 협의되지 않은 방식의 API 사용과 , 무분별한 대량발송의 경우 사용에 제한을 받을 수 있습니다. *해당 API 는 유료앱 사용자에게 제공되는 항목 입니다. *App Id, App Key 정보는 아래 가이드에서 확인 가능합니다. API-KEY 관리 […]

Server Side API 명세서, 개발자 문서

회원 삭제하기

5월 18, 2026 Windy No comments yet

스윙투앱 회원삭제 API API 를 이용하여 스윙투앱 회원삭제하기 스윙투앱에서는 관리하는 회원정보를 삭제하는 API를 다음과 같은 형태로 제공하고 하고 있습니다. 사전에 협의되지 않은 방식의 API 사용과 , 무분별한 대량발송의 경우 사용에 제한을 받을 수 있습니다. *해당 API 는 유료앱 사용자에게 제공되는 항목 입니다. *App Id, App Key 정보는 아래 가이드에서 확인 가능합니다. https://documentation.swing2app.co.kr/manual/appmanage/service/api_key 회원 삭제하기 API […]

웹사이트를 앱으로 제작하고 싶으신가요? 스윙투앱과 함께라면 코딩없이 5분만에 앱을 제작할 수 있습니다.

링크
  • 앱 제작하러 가기
  • 블로그
  • 문의하기
지원 및 도움말
  • 도움말
  • FAQ
  • 서비스 이용약관

Copyright © 2015 Swing2App. All rights reserved.

  • Privacy Policy