전화번호 링크 입력하기

번호제목 - 복사본

 

여러분의 앱에 전화번호를 링크를 적용시킬 수 있습니다. 사용자가 앱에 기재된 전화번호를 선택하면, 해당 번호로 자동으로 전화연결이 가능합니다.전화번호 뿐만 아니라 SMS번호, 메일 주소도 함께 링크로 연동시킬 수 있습니다. 웹링크메뉴에서 전화번호, 메일주소, SMS번호를 입력하는 방법과 해당 링크를 적용한 앱 실행화면을 함께 소개해드리겠습니다.


 

 

 

STEP1. 링크 입력하기

  • 앱제작 – 3단계 페이지 메뉴로 이동합니다.
  • 페이지메뉴에서 전화번호 링크를 입력할 수 있도록 새로 메뉴를 추가한 뒤 링크만들기에서 전화번호를 입력합니다.

번호4

​1. 새 메뉴 추가- 전화번호를 입력할 메뉴를 하나 추가해주세요.

2. 메뉴이름 – 새메뉴로 되어 있는 메뉴 이름을 수정합니다.

3. 웹링크 – 웹 링크 아이콘을 선택합니다.

4. 링크만들기 – 웹링크 아이콘 클릭시 열리는 [링크만들기] 아이콘을 선택합니다.

 

1. 전화번호 링크 만들기

  • ​링크 만들기 아이콘을 선택하면 [스윙링크마법사] 창이 뜹니다.
  • 현재 전화번호, SMS, 메일보내기 이렇게 3가지의 링크 유형을 사용하실 수 있습니다.

번호5

1. 전화번호 링크를 선택합니다.

2. 전화를 받을 전화번호를 입력합니다.

3. 번호 입력이 완료되면 적용을 선택합니다.

다른 유형들의 링크 설정 방법도 보여드리겠습니다.

동일하게 [링크 마법사] 창에서 해당 링크를 선택하여 내용을 입력합니다.

 

 

2. SMS 번호 링크 만들기

문자를 보낼 수 있는 번호를 입력하겠습니다. 

번호6

1. SMS 링크 유형을 선택합니다.

2. SMS(문자)을 받을 전화번호를 입력합니다.  

3. SMS 기재할 내용을 입력합니다. *세번째 항목은 앱에서 사용자가 기재할 항목이므로 기재하지 않아도 무관합니다.

4. 입력이 완료되면 적용을 눌러 저장합니다.

 

 

 

3. 메일 주소 링크 만들기
메일 주소를 입력하여 링크를 만들겠습니다.

번호7

1. 메일 보내기 링크를 선택합니다.

2. 수신자 메일주소(메일을 받을 주소)를 입력합니다.

3. 제목 입력

4. 내용 입력

*제목과 내용은 앱에서 사용자가 기재할 항목이므로 기재하지 않아도 무관합니다. 

5. 입력이 완료되면 적용을 눌러 저장합니다.

 

  • 링크 입력 방법

녹화_2016_02_29_13_39_48_244

 


 

 

 

STEP2. 앱 실행화면 – 링크 연결

앱을 실행시켜서 해당 링크가 연결된 화면을 보도록 하겠습니다.

  • 전화번호 링크

번호1

[전화문의]를 선택하면 링크에서 입력한 해당 전화번호로 전화연결이 됩니다.  자동으로 전화연결이 됩니당. ~!!

 

 

  • 메일 링크

번호2

[메일문의]를 선택하면 입력된 메일 주소로 메일 발송이 가능합니다.

핸드폰 기종에 따라서 메일을 보낼 작업 어플리케이션을 먼저 선택하게 되구요.

 

  • 해당 어플리케이션을 선택하면 바로 해당 메일주소로 메일 보내기가 가능합니다.

번호3

 


 

앞으로 스윙에서 제공하는 링크 마법사로 전화번호 연결, 메일주소, SMS번호를 연결해보세요.

여러분의 앱을 더욱 멋지게 만들 수 있답니다. ^^

대화하기 응용편. 실시간 예약하기

대화응용제목

스윙은 관리자와 사용자간에 실시간으로 대화가 가능한 대화하기 기능이 있습니다 . 이번 포스팅에서는 대화하기 기능을 활용하여 앱에 적용하는 방법을 알려드리겠습니다.


 

 

대화하기 활용 Tip

관리자와 사용자의 실시간 대화하기 기능을 이용하여 고객이 네일샵 관리자에게 예약을 하고, 이렇게 예약한 고객 명단을 [오늘자 예약리스트] 게시판에 올려놓는 것으로 가정하여 대화하기 활용법을 알려드리겠습니다. 

 

 

1. 대화하기. 사용자 버전

앱에서 사용자가 관리자에게 대화를 신청하는 방법을 알려드릴게요. 

 

  • 예약문의 게시판으로 이동합니다. (게시판 이름은 자유롭게 변경가능하니 원하는 이름으로 설정해주세요 ^^)

대화응용2

 

 

 

  • 대화하기 게시판에 메시지를 보내면 실시간으로 메시지 내용이 관리자에게 전달됩니다. 

대화응용3

파란색 영역이 사용자가 보낸 메시지이며, 회색 영역이 관리자가 보내 메시지입니다. 

 


 

 

2. 대화하기. 관리자 버전

앱 사용자가 관리자에게 대화를 하는 방법을 알려드렸는데요. 이번에는 관리자가 사용자의 질문에 대답하고 대화를 하는 방법을 알려드릴게요. 관리자는 2가지 방법으로 사용할 수 있습니다. 

 

 

  • 관리자 역시 앱에서 고객이 보낸 메시지를 확인하고 메시지를 보낼 수 있습니다. 

대화응용6

대화하기 메시지가 수신되면 자동으로 푸시메시지가 상대방에게 발송됩니다. 

따라서 푸시 메시지를 확인하고 답변을 보낼 수 있습니다. 

 

 

  • 그리고 스윙 홈페이지에서도 대화하기 메뉴를 통해서 홈페이지에서 직접 메시지를 확인하고 보낼 수 있습니다. 

대화응용1

스윙 홈페이지 메인대시보드에 보시면, 상단에 대화 아이콘이 있습니다.

해당 아이콘을 선택하면 [고객의 소리] 창이 열립니다.

고객의 소리 창에서도 사용자와 실시간으로 대화가 가능합니다.   

 


 

 

3. 게시판 – 예약목록  만들기

예약목록 게시판을 만든 다음, 실시간 대화하기로 예약을 완료한 고객을 예약 목록에 반영해보도록 하겠습니다. 

 

  • 예약리스트 게시판

대화응용4

 

게시판은 아코디언 디자인으로 적용하여 만들었구요. 

아코디언 디자인은 사진이 없거나 공지사항처럼 제목을 보이게끔 만들때 유용합니다. ^^

이렇게 네일예약리스트를 확인하면 오늘자 예약목록을 확인할 수 있습니다. 

 

 

  • 예약한 고객 목록에 반영하기

대화응용5

대화하기에서 6시 예약을 신청한 최지우 고객을 예약목록에 반영했습니다.  

게시판 역시 실시간으로 수정하고 업데이트 할 수 있기 때문에 오늘자에 예약한 고객을 실시간으로 반영할 수 있습니다. 

 


 

대화하기 응용편 잘보셨나요? 스윙에서 보여드린 것처럼 대화하기는 단순히 문의사항 뿐만 아니라 실시간으로 예약을 하고 예약 고객을 목록에 반영하는 것 까지 활용할 수 있습니다.  🙂 

출석체크 이벤트

출석제목

 

출석체크 게시판을 활용한 이벤트 진행 방법을 알려드리겠습니다. 출석체크는 다른 게시판과 달리 글을 마감시킬 수 있는 기능이 있는데요. 일정기간 동안 이벤트를 해야 하는 경우 출석체크 게시판을 활용한다면 사용자들의 참여를 높일 수 있고, 기간이 끝나면 마감을 할 수 있기 때문에 유용하게 사용할 수 있습니다.  


 

 

출석체크 활용 Tip

응용편에서 보여드릴 내용은 스윙헬스클럽 리뉴얼 오픈 기념으로 2월 24일~2월 29일 6일간 진행되는 이벤트로 설정했습니다. 이벤트 내용은 6일간 출석체크 게시판에 헬스클럽 이용시간에 대한 답을 기재하는 것입니다. 이벤트의 취지는 정답을 맞추는 것이 아니라, 스윙 헬스클럽 앱에 6일동안 꾸준히 출석을 해주시는 분들에게 상품을 제공하는것입니다. 29일 이벤트가 끝나면 글을 마감시켜 이벤트를 종료할 수 있습니다. 

그럼, 출석체크에 글을 입력하는 방법과 게시판을 활용하는 방법을 보여드리겠습니다. 

 

 

STEP1.  출석체크 글 입력하기

 

  • 서비스관리 – 출석체크 메뉴로 이동합니다. 

출석이벤트

 

 

  • 출석체크관리에서 출석체크 글을 등록합니다. 

출석이벤트1

1. 제목을 입력합니다. 

2. 내용을 입력합니다. 

3. 이미지를 입력합니다. 

4. 모든 내용이 입력되면 [게시하기] 버튼을 선택합니다. 

 


 

 

 

STEP2. 출석체크  – 푸시 보내기

입력이 완료된 출석체크 글은 푸시로 발송할 수도 있습니다. 

(이벤트 공지이기 때문에 사용자들에게 푸시 메시지로 보내는 것이 훨씬 홍보효과가 크답니다. ^^)

 

  • 글 하단에 위치한 [푸시 보내기] 버튼을 선택해주세요. 

출석이벤트6

 

 

  • 푸시 설정 – 기본설정과 푸시보내기 작업 내용 참고해주세요 ^^ 

녹화_2016_02_25_15_31_47_429

 

출석체크 푸시발송이 완료된 후 앱을 실행하여 푸시발송과 출석체크 게시판 내용을 함께 보시겠습니다. 


 

 

 

STEP3. 이벤트 푸시 발송 화면

출석이벤트2

 

설정해놓은대로 이벤트 공지 푸시가 발송되었습니다. 

해당 푸시 메시지를 선택하면 출석체크 게시판으로 이동합니다. 

 

  • 출석체크 게시판

출석이벤트4

출석체크 게시판에서 이벤트본문을 확인할 수 있습니다. 

하단에 있는 하트 모양 아이콘은 ‘좋아요’ 체크 횟수이고, 대화창은 댓글 횟수를 확인할 수 있습니다. 본문을 선택하면 사용자들의 댓글 목록을 확인할 수 있습니다.  

 

 

  • 사용자 댓글 확인

출석이벤트5

출석체크 댓글을 확인하여, 이벤트에 참여한 회원 명단을 확인할 수 있습니다. 

이벤트 특성상 정답을 맞추는 것이 취지가 아니라 회원 참여도를 높이는 것이기 때문에 이벤트 기간 동안 출석체크 게시판에 댓글을 올려주는 회원 목록을 잘 정리할 수 있도록 합니다. 

 


 

 

STEP4. 이벤트 종료 – 마감하기

이벤트가 종료되었다면 해당 글도 마감시켜야겠지요?

 

  • 출석체크- 입력한 글 목록에서 깃발 아이콘을 선택하면 해당 글을 마감시킬 수 있습니다. 

출석이벤트1

 


 

스윙에서 제공하는 출석체크 기능을 통해서 다양한 이벤트를 진행하실 수 있구요. 마감 기능이 있기 때문에 이벤트 종료 시점에도 깔끔하게 글을 마감시킬 수 있습니다.  😀  

후기글 작성 쿠폰증정이벤트

쿠폰제목

 

도움말에서 쿠폰을 만들고 발급하는 과정을 설명해드렸죠?

이번에는 쿠폰발급 응용편으로~! 이용후기글을 작성한 사용자에게 쇼핑몰 할인 쿠폰을 증정하는 방법을 소개해드리겠습니다. 


 

 

STEP1. 앱 실행화면 – 후기게시판 확인

쿠폰1

 앱을 실행시킨 뒤 후기게시판에 사용자들이 올린 게시글을 확인합니다. 

 

 

쿠폰2

사용자가 올린 상품 이용후기를 확인하고 관리자가 댓글을 달 수 있습니다. 

 

 

쿠폰3

할인쿠폰을 넣어드렸다는 댓글을 답니다. 

 

 

  • 사용자가 발급 받은 쿠폰 확인

쿠폰4

 쿠폰은 푸시로 발송이 됩니다. 

이용후기를 올려놓은 사용자에게 관리자가 할인 쿠폰을 보내면 사용자는 해당 쿠폰을 푸시로 받아볼 수 있습니다. 

 

  • 쿠폰

쿠폰5

 쿠폰에는 유효기간과 일련번호가 기재되어 있습니다. 쿠폰 유효기간 내에 일련번호를 입력하면 쿠폰  사용이 가능합니다.

 


 

 

STEP2. 쿠폰 발급하기

이용후기를 남겨준 고객에게 할인쿠폰을 증정하는 과정을 잘 보셨죠? ^^

그럼, 이렇게 이벤트에 활용할 수 있는 쿠폰을 발급하는 방법을 알려드리겠습니다.

 

 

  • 서비스관리 – 쿠폰관리 메뉴로 이동합니다. 

쿠폰7

 

 

  • 쿠폰관리 페이지 [쿠폰추가] 아이콘을 선택해서 원하는 형태의 쿠폰을 발급할 수 있습니다.

쿠폰6

쿠폰을 해당 쿠폰을 선택한 다음 [쿠폰발송]아이콘을 선택합니다.

 

 

1. 쿠폰보내기 – 수신자 설정

  • 쿠폰을 보내기 전에 수신자 설정을 먼저 합니다. 

쿠폰8

1.이용후기를 작성한 고객 닉네임이나 아이디를 확인한 후 해당고객을 [추가]버튼을 눌러서 선택합니다.

2. 수신대상자가 잘 선택되었는지 확인 후 [쿠폰보내기]아이콘을 선택합니다. 

 

 

2. 쿠폰보내기 – 상세내용 입력

  • 수신대상자 선택이 완료되었으면 쿠폰을 보낼 푸시 메시지 내용을 입력합니다.

 

쿠폰9

*쿠폰은 푸시로 발송되요. 따라서 위의 항목들은 쿠폰 내용을 입력하는 것이 아니라 푸시 내용을 입력하는 항목입니다. ^^

1. 쿠폰이름입력: 이미 만들어놓은 쿠폰 이름으로 설정되어서 입력됩니다. 

2.푸시 메시지 제목: 푸시 메시지에서 보여질 제목을 입력합니다.

3. 푸시 메시지 내용 : 푸시 메시지 본문 내용을 입력합니다. 

4. 이미지 등록: 푸시 이미지를 등록합니다. 

5. 모든 과정이 완료되면 쿠폰 발송하기를 선택합니다. 

 

 

쿠폰10

이미지는 해당 아이콘을 선택하면 이렇게 파일선택 창이 뜹니다. 여기서 원하는 이미지를 첨부해주세요 ^^


 

 

쿠폰은 관리자가 마음껏 갯수 제한 없이 만들 수 있구요. 유효기간설정부터 할인쿠폰, 1+1 증정, 포인트 적립 등 다양한 내용으로 만들 수 있습니다. 

응용하기 편에서 소개해드린 것과 같이 고객 이용후기글에 쿠폰을 증정하는 이벤트식으로 활용하는 것도 좋은 방법이 될 수 있으니 많이 활용해주세요^^

앱 순서 변경하기

순서변경제목

 

앱 순서를 변경하는 방법을 알려드리겠습니다.

스윙 2.0은 여러개의 앱을 보유할 수 있기 때문에 메인으로 사용하는 앱을 제일 첫번째 순서로 배치시켜야 앱제작을 하기 수월합니다.

(첫번째에 있는 앱에 맞춰서 메인대시보드가 열리기 때문에 원하는 앱으로 작업하기 위해서는 앱 목록에서 다시 해당 앱을 선택해야 하는 번거로움이 있습니다.) 


 

 

 앱 순서 변경하기

스윙 대시보드화면에서 왼쪽 상단의 앱 목록을 열면 사용자가 보유한 앱 목록을 확인할 수 있습니다.

 

순서변경1

예를 들어 자주 사용하는 앱이 ‘스윙2.0 공식앱’이라고 할 경우 ‘스윙2.0’앱과 순서를 바꿔보도록 하겠습니다.

 

 

  • 내메뉴 – 보유 앱 관리 메뉴로 이동합니다.

순서변경2

 

 

변경 전 앱 순서

  • 스윙2 → 윈디테스트 → 스윙2.0공식 앱 순서로 배치되어있습니다.

순서변경3

 

 

  • 앱 순서를 변경해보도록 하겠습니다. 앱을 드래그해서 위치 변경이 가능합니다.

녹화_2016_02_22_16_20_45_415

 

 

변경 후 앱 순서

  • 스윙2.0공식 앱 → 윈디테스트 → 스윙2 순서로 변경되었습니다.

순서변경4

 

 

  • 앱 목록을 다시 열어서 확인해보면, [스윙 2.0공식 앱]이 첫번째 순서로 변경되었음을 확인할 수 있습니다.

순서변경5

 


이제 자주 사용하는 앱은 앱 목록 첫번째 순서에 배치해서 좀 더 편리하게 앱제작을 진행해보세요 ^^

 

게시물 신고 및 관리하기

신고제목

게시글 신고는 많은 사람들과 함께 운영하는 앱을 더욱 질서있고, 쾌적하게 만들기 위해서 꼭 필요한 기능입니다.  

게시글 신고 응용하기편으로 앱에서 부적절한 게시글을 관리자에게 신고하는 방법, 관리자가 신고를 받은 게시글을 확인하여 글을 삭제하거나, 신고 취소를 하는 방법을 알려드리겠습니다.


 

 

 

1. 앱 실행화면 – 게시글 신고하기

공지사항을 기재하도록 만든 게시판에서 사용자가 작성한 화장품 이용후기글을 보았다면?

후기글은 후기게시판에 기재해야 하는데, 공지사항 게시판 설정을 잘한 경우이구요.

이럴 경우 이 글을 본 다른 사용자가 글을 신고할 수가 있습니다.

 

신고1

글 상세 내역 오른쪽 상단을 보시면, 점으로 표시된 아이콘이 있습니다.

해당 아이콘을 선택하면 ‘신고하기’ 창이 뜹니다.

신고하기를 선택하면 ‘신고완료’ 알림창이 뜨며, 해당 내용은 관리자에게 전송됩니다.

 


 

 

 2. 신고글 삭제, 신고취소하기

그럼, 관리자버전으로 돌아가서 관리자가 해당 신고글을 확인하고 관리하는 방법을 알려드리겠습니다.

 

  • 게시물관리 – 신고글 관리 메뉴로 이동합니다.

신고2

신고글관리로 이동하면 방금 사용자가 신고한 게시글을 확인할 수 있습니다.

신고글에는 게시판명, 게시자명, 신고한 회원, 신고 일시를 확인할 수있습니다.

 

 

  • 관리자는 해당 글을 확인하여 관리자 권한으로 글을 삭제할 수도 있으며, 삭제할 필요가 없다고 생각들면 신고 취소를 할 수도 있습니다.

신고3

 

 

신고글 삭제하기

  • 게시판 설정이 올바르지 않다고 판단되면 해당 글을 삭제할 수 있습니다.
  • 삭제를 하면 게시판에 기재된 글이 삭제되어서 반영됩니다.

신고4

 

 

 

신고글 취소하기

  • 게시판 설정이 올바르지 않다고 판단되면 해당 글을 삭제할 수 있습니다.
  • 삭제를 하면 게시판에 기재된 글이 삭제되어서 반영됩니다.

신고5

 

 

  • 신고글을 삭제하거나 취소하게 되면 [신고글관리]에 글은 사라집니다.  

신고6

 


푸시 시간표 공지하기

응용푸시제목

 

푸시 응용하기에 대해서 알려드리겠습니다. 스윙 푸시는 2가지 방법으로 발송할 수 있는데요.

첫 번째는 게시판에 기재한 글을 푸시로 설정하는 방법과 두 번째는 푸시발송 메뉴에서 직접 설정하는 방법입니다.


 

 

푸시 응용편, ‘수업 시간표 푸시 발송’

스윙 요가 시간표를 푸시에 적용해보겠습니다.

스윙요가

 

 

1. 게시판에서 푸시 발송하기

  • 게시물 관리에서 푸시를 설정할 해당 게시판으로 이동합니다.

응용푸시3

게시판에 글을 입력합니다.

1. 게시물 내용 입력

2. 이미지 등록

내용 입력이 완료되면 [푸시설정] 아이콘을 선택합니다.

 

  • 기본설정

응용푸시4

기본설정에서는 푸시를 받을 수신자 설정, 예약 및 푸시 일정을 설정을 합니다. 

 

응용푸시5

특정회원에게 보낼 경우가 아닌 경우 전체 발송하기를 선택하면 앱 전체 회원에게 푸시가 발송됩니다.

예약설정을 하지 않을 경우 푸시가 제작되는 대로 바로 발송되며, 예약 설정을 하면 날짜 및 시간을 선택할 수 있습니다.

 

  • 푸시보내기 – 기본설정이 완료되면 ‘푸시보내기’로 이동합니다.

응용푸시6

1. 푸시 제목 입력

2. 푸시 메시지 내용 입력

3. 푸시 이미지 등록

​전체 내용 입력이 완료되면 [푸시 발송 하기]를 선택합니다. 

 

  • 푸시 설정이 완료되면 게시글 하단의 아이콘이 ‘푸시설정완료로’변경되었음을 확인할 수 있습니다.

응용푸시7

 

 


 

 

 

2. 푸시관리 메뉴에서 푸시발송하기

푸시발송 2번째 방법인 푸시관리에서 푸시를 발송하는 방법을 알려드리겠습니다.

 

  • 푸시관리 – 푸시발송하기로 이동합니다.

 

 

 

 

응용푸시8  

 

  • 푸시발송은 게시판에서 발송한 푸시와 동일하게 진행됩니다.

응용푸시9

응용푸시10

기본설정 입력 후 푸시보내기에서 푸시를 보낼 제목, 상세 내용 및 이미지를 등록한 뒤 푸시를 보냅니다.  

 

  • 발송된 푸시는 푸시관리- 푸시 히스토리에서 내역을 확인할 수 있습니다.

응용푸시11

푸시히스토리에서는 푸시를 삭제할 수도 있으며 푸시 발송상태, 푸시를 받은 회원 명단 등을 확인할 수 있습니다. ​

 


 

 

 

3. 앱 실행 – 푸시 발송 화면

응용푸시1

사용자의 핸드폰으로 푸시메시지가 발송된 화면입니다.

게시판으로 작성된 푸시는 푸시를 선택하면 해당 게시판으로 이동하게 됩니다.

게시판에 기재한 내용 및 이미지를 확인할 수 있습니다.

 

 

응용푸시2

푸시관리에서 바로 보낸 푸시는 메시지를 선택하면 해당 이미지를 확인할 수 있습니다.

소속된 게시판이 있는 것이 아니기 때문에 이렇게 푸시 이미지만 확인이 됩니다.

 


 

푸시는 간편하고,용이하게 제작할 수 있구요. 쇼핑몰 이벤트 및 공지사항, 수업 시간표, 이슈 등을 푸시로 만들어서 앱 사용자에게 메시지를 발송할 수 있습니다. 스윙에서 알려드리는 푸시 응용방법을 통해서 다양하게 푸시를 활용해보세요 😛 

이전 버전으로 앱 복구하기

이전 제목

 

앱을 이전 버전으로 복구하는 방법에 대해서 안내해드리겠습니다.


 

 

  • 메인 대시보드 버전관리 – 앱 작업 이력 메뉴로 이동합니다.

이전1

 

 

  • [앱제작 이력] 페이지에서  최신버전 뿐만 아니라 그동안의 앱 작업 버전을 모두 확인할 수 있습니다.
  • 이전으로 돌아가고자 하는 해당 작업버전을 확인하고, [앱제작 마법사] 아이콘을 선택합니다.

이전2

 앱제작 마법사 아이콘을 선택하면 해당버전으로 이동할 것인지를 묻는 메시지창이 뜹니다.

* 이전 버전을 진행 할 경우 현재 저장 중인 작업 버전은 모두 삭제되기 때문에 신중히 선택해주세요.

확인을 누르면 이전 버전 앱제작 마법사 페이지로 이동하게 됩니다.

 

스윙 2.0 앱 이전 버전 복구 기능은,  앱을 최신버전으로 업데이트 하는 것 뿐만 아니라 원하는 버전을 선택해서 이전 버전으로 다시 돌아갈 수 있기 때문에 앱을 더욱 효율적이고, 스마트하게 사용하고 관리할 수 있습니다.


스윙 2.0 앱 로그인 연동 모듈

안녕하세요 스윙을 사용하는 사용자 여러분

오늘 여러분들에게 소개할 기능은 기존의 웹 사이트에서

스윙을 자체적으로 로그인 하는 기능을 활용하는 외부 로그인 연동

기능을 소개해드리겠습니다.

시작에 앞서 간단히 외부 연동에 대해 설명을 드리도록 하겠습니다.

현재 스윙의 사용자는 스윙 서버에 등록된 사용자 DB 를 기반으로 로그인을 하게 됩니다.

스윙을 이용하는 앱 제작자 분들 중에는 기존의 갖고 있는 사이트를 갖고 있는 경우가 있습니다.

예를 들어 그 사이트가 카페라고 가정했을때 카페는 카페 자체가 갖고 있는 로그인 시스템이 있겠죠?

따라서 카페에서 로그인을 해도 스윙앱에서는 로그인이 되지 않아 스윙 앱에서도

따로 로그인을 해야겠죠, 이러한 이유로 로그인 기능이 각각 동작하게 되어

최종 사용자는 혼동하거나 사용상에 불편함을 느끼게 되고

관리 하는 관리자 입장에서는 사용상에 불일치가 생길 수가 있겠죠?

따라서 마지막으로 간단히 정리를 하면 웹상에서 사용하는 로그인이 성공하면

앱내에서도 로그인을 처리하는 시스템이다라고 생각하면 됩니다.

외부 로그인을 적용하게 되면 앱내 로그인 관련된 모든 화면을 사용할 수 없게 되며

로그인은 오직 웹 사이트내에 로그인만을 이용하여 로그인 채널을 하나로 통합하게 됩니다.

적용 가능한 UI는 웹뷰 전용을 제외한 모든 UI가 적용 가능하다.

( 슬라이드,탑,푸터,드롭다운메뉴1, 드롭다운메뉴2,푸시전용)

여기서 푸시 전용은 실제로 로그인 기능이 없지만 , 해당 스크립트를 적용하면

관리자 페이지에서 사용자가 등록됩니다. 실제로 사이트만 적용한 간단한

하이브리드 앱을 만들기를 원할때는 푸시 전용이 가장 적합할 것입니다.

이쯤에서 설명을 이것으로 마치고, 적용 방법에 대해서 소개하도록 하겠습니다.

 

1. 스윙 로그인 연동 스크립트 배우기

스윙의 로그인 연동은 간단한 Javascript 를 통해서 사용할 수 있습니다.

해당 스크립트는 반드시 스윙 앱내에서만 실행되며, 앱이 아닌 일반 모바일 브라우저에서

동작하지 않으니 걱정하지 않으셔도 됩니다^^

<!-- 스윙 연동 API Script 등록 -->
<script src="http://pcdn2.swing2app.co.kr/swing_public_src/2016_02_02_001/js/swing_app_on_web.js"></script>

<!-- 사용자 로그인하기 -->
<script>
    swingLoginPlugin.doLogin("ios_user","GitaeKim"); // 사용자 아이디, 사용자 이름 입력
</script>
<!-- 사용자 로그아웃하기 방법1 -->
<script>
    swingLoginPlugin.doLogout("");
</script>
<!-- 사용자 로그아웃하기 방법2 --> 
<script> 
    swingLoginPlugin.doLogin("",""); 
</script>

(1) php 소스에서 스윙 로그인 연동 적용 예)

php 소스의 login_user_id , login_user_name 라는 사용자 아이디와 사용자 이름에 해당하는 전역 변수가 있다고 생각한다.

그럼 실제 적용된 소스는 다음과 같다.

<script src="http://pcdn2.swing2app.co.kr/swing_public_src/2016_02_02_001/js/swing_app_on_web.js"></script>
<script>
    var login_user_id = '<?=$_login_user_id ?>';
    if( login_user_id == '' )  // login 되지 않았을 경우
    {
        swingLoginPlugin.doLogout('');
    }
    else
    {
        swingLoginPlugin.doLogin(login_user_id, '<?=$_login_user_name ?>'); // 사용자 아이디와 사용자 이름 넣는곳
    }
</script>


2. 스윙 로그인 연동 예제 따라해보기

아래의 URL을 스윙 모바일 페이지에 적용하여 로그인 연동을 사용해보세요^^

테스트 할 수 있는 예제가 적용된 페이지 입니다.

[로그인 연동 페이지]

url : http://pcdn2.swing2app.co.kr/swing_public_src/2016_02_02_001/html/login_test.html

앱 추가 제작하기

앱추가제목

 

스윙2.0에서는 무료이용고객은 하나의 계정에 앱을 3개까지 만들 수 있구요.

유료이용고객은 하나의 계정에 앱을 10개까지 만들 수 있습니다.

여러 개의 앱을 제작할 수 있는 스윙 2.0에서 새로운 앱을 추가로 제작하는 방법에 대해서 알려드리겠습니다.


 

 

1. 앱 추가 제작

 

  • 메인 대시보드 화면에서 앱제작 메뉴로 이동합니다.

앱추가1

 

 

  • 앱제작 마법사 화면에서  [앱 추가 제작] 아이콘을 선택합니다.

앱추가2

 

 

  • 추가 제작을 선택하면 [새 앱 만들기] 창이 뜹니다.
  • 신규로 제작할 앱 이름을 입력한 뒤 [만들기]를 선택하면 완료됩니다.

앱추가3

 


 

 

2. 추가한 앱 확인하기

 

  • 왼쪽 상단 박스를 열어보면 사용자가 보유한 앱 목록을 전체 확인할 수 있습니다.
  • 앱제작을 할 때는 목록에 있는 해당 앱을 선택한 뒤 앱제작 페이지로 이동하시면 됩니다.

앱추가4

 

 

  •  내메뉴 – 보유앱관리 메뉴로 이동하셔도 사용자가 보유한 앱 정보를 확인할 수 있습니다.
  •  보유한 앱과 함께 앱에 관련된 정보를 확인할 수 있습니다.

앱추가5