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

카페24(Cafe24) 웹사이트 회원 연동 가이드

5월 14, 2026 Windy No comments yet

카페24(Cafe24) 웹사이트에 간단한 코드삽입으로 회원연동 활용 가이드

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

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

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

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


1. 회원연동 가이드

1.1 카페24(Cafe24) Dashboard 이동 하기

카페24 콘솔화면

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

카페24 콘솔화면

(1) 전체화면 클릭 후 -> (2) 레이아웃 (하단 회사정보) 클릭 후

페이지 최하단에 (3)번 영역에 아래의 코드 삽입 후 (4) 번 저장클릭

HTML 요소 코드복사

<script src="https://pcdn2.swing2app.co.kr/swing_public_src/v3/2025_03_14_001/js/swing_app_on_web.js"></script>
<script type="text/javascript">
    document.addEventListener("DOMContentLoaded", function() {
        var sw_isLogin = false;
        var sw_userId = undefined;
        console.log('javascript console');
        if( window.swing2appLoginActivate == undefined ) {
            window.swing2appLoginActivate = function () {
                CAFE24API.getCustomerIDInfo(function(err, res) {
                    if (err) {
                        // 오류 발생시 Error 개체입니다.
                        // name, message 속성을 확인할 수 있습니다.
                        // res 개체를 통해 상세한 오류메세지 확인이 가능합니다.
                    } else {
                        // res 개체를 통해 응답 메세지를 확인할 수 있습니다.
                        console.log(JSON.stringify(res));
                        if( res.id != null && res.id.member_id != null )
                        {
                            sw_userId = res.id.member_id;
                            if (!sw_isLogin) {
                                if (swingWebViewPlugin && typeof (swingWebViewPlugin.app.login.doAppLogin) == 'function') {
                                    sw_isLogin = true;
                                    swingWebViewPlugin.app.login.doAppLogin(sw_userId, sw_userId);
                                    console.log('login success');
                                }
                            }
                        }
                        else
                        {
                            if (swingWebViewPlugin && typeof (swingWebViewPlugin.app.login.doAppLogout) == 'function') {
                                sw_isLogin = false;
                                swingWebViewPlugin.app.login.doAppLogout();
                            }
                        }
                    }
                });
            }
        }

        if( swingWebViewPlugin.app.methods.getCurrentPlatform() == 'android' ||
            swingWebViewPlugin.app.methods.getCurrentPlatform() == 'ios' )
        {
            setTimeout(function(){
                window.swing2appLoginActivate();
            },100);
        }
    })
</script>

1.3 회원연동 확인 작업

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

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

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

스윙투앱 콘솔화면에서 카페24 회원 연동이 확인된 화면
Windy

글 내비게이션

Previous
Next

Search

Categories

  • Javascript 웹뷰 API 문서 4
  • 개발자 문서 10
  • 대표의 컬럼 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

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

Related articles

Javascript 웹뷰 API 문서, 개발자 문서

API 를 활용한 예제

5월 14, 2026 Windy No comments yet

API 코드를 활용하여 앱내 서비스를 활용한 예제 •앱 최초 실행시 광고 허용을 팝업 노출 예시 법령에 따라 사용자에게 광고푸시 허용 팝업을 노출 시키고 그에 따른 푸시 활성화 비 활성화 적용복사 • 웹사이트에서 앱 설치 유도 팝업 노출하기 푸시전용 또는 웹앱을 적용한 웹사이트에서 앱을 다운로드할 수 있도록 유도하는 팝업 노출하기 안드로이드 또는 아이폰기기에서 브라우저에서 실행할 경우에만 […]

Javascript 웹뷰 API 문서, 개발자 문서

Meta SDK 활용하기

5월 14, 2026 Windy No comments yet

Meta SDK를 활용하는 Javascript Interface 스윙투앱 웹뷰에서 Meta SDK 와 Interface 를 하기 위한 사용 가이드입니다. 아래의 코드를 활용해서 Native Meta SDK 를 활용해보세요. 공통 js 파일 HTML 파일에 아래의 js 파일을 포함시켜주세요 Meta SDK Native App Event 추가하기 *js lib 2024_12_23_001 버전 부터 사용 가능(24년 12월24일 오후 5시 이후 제작된 버전부터 동작) ✅값 없이 […]

Javascript 웹뷰 API 문서, 개발자 문서

안드로이드 인앱결제 구현하기

5월 14, 2026 Windy No comments yet

스윙투앱 WebView 모듈(푸시전용)에 인앱결제 모듈을 Javascript API 로 구현하기 스윙투앱에서 제공하는 웹뷰와 푸시전용 프로토타입의 앱을 제어할 수 있는 javascript API 입니다. 공통적으로 아래의 js 파일을 include 하여 사용하시고 아래의 API 명세를 통해서 필요한 기능을 실행하시면 됩니다. 공통 js 파일 HTML 파일에 아래의 js 파일을 포함시켜주세요 안드로이드 인앱결제 구현 1.결제방식별 인앱 결제 구현하기 (1) 소모성 상품 […]

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

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

Copyright © 2015 Swing2App. All rights reserved.

  • Privacy Policy