1. 비즈니스 패키지 압축파일에 들어있는 "mangboard" 폴더를 망보드가 설치되어 있는 "/wp-content/plugins/mangboard"
   경로에 mangboard 폴더가 겹치도록 업로드 합니다
   (비즈니스 패키지를 설치하려면 망보드 플러그인이 설치되어 있어야 하며, 압축파일에 들어있는 "mangboard" 내부 폴더들이
    "/wp-content/plugins/mangboard" 내부로 업로드 된다고 이해하시면 됩니다)
   (업로드 후에 "/wp-content/plugins/mangboard/plugins/user" 폴더가 보이시면 업로드는 정상적으로 진행되었습니다)

2. 관리자 메뉴에서 "플러그인>설치된 플러그인" 메뉴를 클릭하고 MangBoard WP 플러그인을 찾아 비활성화 버튼을 클릭합니다.

3. 다시 활성화 버튼을 클릭해서 플러그인을 활성화하면 비즈니스 패키지에 필요한 파일들이 자동으로 설치 됩니다

4. 관리자 메뉴에서 "MangBoard>옵션설정" 메뉴를 클릭하고 아래와 같이 "Social" 탭 메뉴가 추가되고 소셜기능에 대한 옵션이 보이면 정상적으로 설치가 완료되었습니다.
※ 소셜 기능에 대한 옵션이 보이지 않을 경우 망보드를 비활성화 하신 후 다시 활성화 해주시면 됩니다

5. 워드프레스 페이지에 아래와 같은 페이지가 자동으로 추가됩니다.
   - 로그인 : user_login
   - 로그아웃 : logout
   - 회원 정보 수정 : user_info
   - 회원 가입 : user_register
   - 아이디 찾기 : user_find_id
   - 비밀번호 찾기 : lost_password
   - 비밀번호 수정 : modify_password
   - 회원 약관 : terms_service
   - 개인정보 수집목적 : privacy_policy
   ex) "워드프레스 관리자 메뉴>설정>고유주소>글이름" 설정 사용시
         로그인 페이지 주소 : http://홈페이지주소/user_login

1. 회원 모델 파일
   - 회원 정보 모델 : mangboard/models/user/info.php
   - 회원 가입 모델 : mangboard/models/user/register.php
   - 비밀번호 모델 : mangboard/models/user/password.php
   - 아이디 찾기 모델 : mangboard/models/user/find_id.php

2. 회원 플러그인 파일
   - 회원 아이디 찾기 : mangboard/plugins/user/user-find-id.php
   - 회원 정보수정 : mangboard/plugins/user/user-info.php
   - 로그인 : mangboard/plugins/user/user-login.php
   - 회원 가입 : mangboard/plugins/user/user-register.php
   - 아이디/비밀번호 찾기 : mangboard/plugins/user/user-password.php
   - 회원 약관 : mangboard/plugins/user/user-terms-service.php
   - 개인정보 수집목적 : mangboard/plugins/user/user-privacy-policy.php
   - 쇼핑몰 회원 약관: mangboard/plugins/user/user-terms-service-shop.php
   - 쇼핑몰 개인정보 수집목적: mangboard/plugins/user/user-privacy-policy-shop.php

회원 기능 설정은 관리자 메뉴에서 "MangBoard>옵션설정"에서 설정하실 수 있습니다.
MB-USER 및 MB-FORM 설정시 워드프레스 관리자 접속은 http://홈페이지/wp-login.php 페이지로만 가능합니다

회원 모드 설정
1. WP-USER
  - 워드프레스 회원 관리 시스템의 기능을 그대로 망보드 회원 관리 기능에 적용해서 사용합니다
  - 워드프레스 로그인, 망보드 로그인 중 어느 것으로 로그인을 해도 워드프레스, 망보드 로그인 세션을 모두 생성합니다.
  - 망보드 회원가입 기능 이용시 워드프레스, 망보드 2개 회원 시스템에 모두 가입이 됩니다.
2. MB-USER
  - 망보드 회원 기능을 워드프레스 회원 기능에서 분리하여 보다 많은 회원을 보다 쉽고 빠르게 관리할 수 있습니다.
  - 망보드 로그인 기능 이용시 망보드 로그인 세션만 생성되고,
   워드프레스 로그인 기능 이용시 워드프레스, 망보드 로그인 세션이 모두 생성됩니다.
  - 망보드 회원가입 기능 이용시 망보드 회원 가입 시스템에만 등록이 되며,
   워드프레스 회원가입 기능 이용시 워드프레스,망보드 회원 시스템에 모두 가입이 됩니다.

회원 폼 모드 설정
1. WP-FORM
  - 테마에 회원 관련 버튼 및 URL을 워드프레스에서 제공하는 로그인, 회원가입, 비밀번호 찾기 페이지로 연결합니다.
2. MB-FORM
  - 테마에 회원 관련 버튼 및 URL을 망보드에서 제공하는 로그인, 회원가입, 비밀번호 찾기 페이지로 연결합니다.

회원 약관 수정
1. 회원 약관: mangboard/plugins/user/user-terms-service.php
2. 개인정보 수집목적: mangboard/plugins/user/user-privacy-policy.php
3. 쇼핑몰 회원 약관: mangboard/plugins/user/user-terms-service-shop.php
4. 쇼핑몰 개인정보 수집목적: mangboard/plugins/user/user-privacy-policy-shop.php
   (쇼핑몰 사용시 3,4번 파일 내용을 1,2번의 파일에 복사해서 사용합니다)

회원 모델 수정
1. 회원 정보 모델 : mangboard/models/user/info.php
2. 회원 가입 모델 : mangboard/models/user/register.php
3. 비밀번호 모델 : mangboard/models/user/password.php
1. 네이버 애플리케이션 등록 주소에 접속합니다

2. 애플리케이션 이름을 입력하고 , 사용 API는 "네아로"를 선택합니다.
   - 사용 API : 이메일,별명,프로필사진
   - 로그인 오픈 API 서비스 환경: "PC웹" (모바일 주소가 PC웹 주소와 동일할 경우 Mobile웹은 생략가능)
   - 서비스 URL: http://홈페이지주소
   - Callback URL: http://홈페이지주소/?mb_social=login&auth=naver
   작성이 다 되었으면 등록하기 버튼을 클릭합니다.




3. 아래 이미지가 보이시면 정상적으로 등록이 완료되었습니다.
   Cliend ID, Client Secret 정보를 망보드 관리자>옵션설정에 입력합니다.
   그리고 홈페이지 작업이 완료되면 네아로 검수요청 버튼을 클릭합니다.

4. "네이버 아이디로 로그인,단순 로그인" 사용처를 체크하고, 회원 가입 시, 사용자에게 입력받는 정보의 항목을 입력합니다.
   이름, 성별, 이메일, 전화번호, 주소 등 필요한 항목을 입력하면 됩니다.
   첨부파일에는 "네아로"가 적용된 화면의 캡쳐 이미지와 적용안(기획안)을 포함하여 정보를 업로드 합니다.
   정보에는 반드시 "네이버 아이디로 로그인" 버튼의 디자인과 위치를 포함하여 로그인/회원가입의
   프로세스가 전부 포함되어야합니다.
   작성이 다 되었으면 등록 버튼을 클릭합니다.

5. 네이버 검수가 완료되면 정상적인 사용이 가능합니다.
1. 카카오 애플리케이션 등록 주소에 접속합니다

2. 앱 이름을 입력하고 Create 버튼을 클릭합니다.

3. 왼쪽 메뉴에서 설정>일반 메뉴를 클릭합니다.

4. 플랫폼 추가 버튼을 클릭한 다음 팝업창에서 을 선택한 다음 홈페이지 주소를 입력하고 추가 버튼을 클릭합니다.

5. Redirect Path에는 /?mb_social=login&auth=kakao 를 입력합니다


6. 앱키 정보에서 REST API키, JavaScript 키 정보를 망보드 관리자>옵션설정에 입력합니다.
1. 구글 개발자 콘솔 주소에 접속합니다

2. 좌측 상단에 프로젝트 만들기 버튼을 클릭하고 프로젝트 이름을 입력하고 만들기 버튼을 클릭합니다.
  만들기 버튼을 클릭하면 약 5~10초 후에 프로젝트가 생성됩니다

3. 좌측 메뉴에서 라이브러리 버튼을 클릭하고  API 및 서비스 검색 창에 google+ 를 입력합니다.
 검색결과에서 Google+ API를 선택합니다.

4. 사용설정 버튼을 클릭합니다.

5. 왼쪽 메뉴에서 사용자 인증 정보 메뉴를 클릭하고, 사용자 인증정보 추가>API 키 를 클릭합니다.

6. API키가 생성되었습니다.

7. 상단에 Oauth 동의화면 메뉴를 클릭하고 제품이름, 홈페이지 URL 등 관련 정보를 입력합니다.

8. 상단에 사용자 인증정보 메뉴를 클릭하고, 사용자 인증 정보 추가> OAuth 2.0 클라이언트 ID 를 클릭합니다.

9. 애플리케이션 유형은 웹 애플리케이션을 선택하고, 홈페이지 주소와 리디렉션 URI를 입력하고 생성 버튼을 클릭합니다
   승인된 자바스크립트 원본http://홈페이지주소, https://홈페이지주소

10. 구글 서버 API 키, 클라이언트 ID, 클라이언트 보안키 정보를 망보드 관리자>옵션설정에 입력합니다.

1. 페이스북 애플리케이션 등록 주소에 접속합니다.

2. 우측 상단에 Skip and Create App ID 버튼을 클릭하고 Display Name,Namespace를 입력합니다.

3. 왼쪽에 설정 메뉴를 클릭하고 앱 도메인, 연락처 이메일 정보를 입력합니다.
  +플랫폼 추가 버튼을 클릭하고 사이트 URL 정보에 홈페이지 주소를 입력합니다.

4. 왼쪽에 Dashboard 메뉴를 클릭하고 App ID, App Secret 정보를 망보드 관리자>옵션설정에 입력합니다.

5. 홈페이지 개발이 완료되면 앱 검수 메뉴에서 아니오 버튼을 클릭해서 버튼을 활성화 시켜주어야 합니다.

6. 왼쪽에 +제품추가 메뉴를 클릭하고 Facebook 로그인 시작하기 버튼을 클릭합니다.

7. 클라이언트 OAuth설정을 하고 리디렉션 URI을 입력합니다.
리디렉션 URI: http://홈페이지주소/?mb_social=login&auth=facebook

8. 워드프레스 설치주소와 사이트 주소를 다르게 사용하실 경우 "유효한 OAuth 리디렉션 URI" 입력사항에 설치주소 추가
   - 워드프레스 설치주소 : https://www.mangboard.com/wp/
   - 사이트 주소 : https://www.mangboard.com/
   - 주소가 다를 경우 "OAuth 리디렉션 URI" 항목에 "https://www.mangboard.com/wp/?mb_social=login&auth=facebook" 추가
1. 트위터 애플리케이션 등록 주소에 접속합니다

2. Create New App 버튼을 클릭하고, Name, Description, Website, Callback URL 정보를 입력하고, 
  Create Your Twitter Application 버튼을 클릭합니다.

3. 상단메뉴에서 Keys and Access Tokens 버튼을 클릭하고, 하단에 있는 Create My Access Token 버튼을 클릭합니다.

4. Consummer Key, Consumer Secret, Access Token, Access Token Secret 정보를 망보드 관리자>옵션설정에 입력합니다.
1. 인스타그램 애플리케이션 등록 주소에 접속합니다

2. Application Name, Description, Company Name, Website URL, Valid redirect URIs, Privacy Policy URL,
 Contact email 정보를 입력하고 Register 버튼을 클릭합니다.

3. Manage Clients 에서 오른쪽 상단 MANAGE 버튼을 클릭합니다.

4. Consummer Key, Consumer Secret, Access Token, Access Token Secret 정보를 망보드 관리자>옵션설정에 입력합니다.

5. 심사 요청을 위하여 Permissions 텝을 클릭하고 Start a submission 버튼을 클릭합니다.

6. 인스타그램 API사용 목적을 선택해주세요. 인스타그램 소셜 로그인 공유가 목적이라면
  'My app allows people to login with Instagram and share their own content.'를 선택해주시면 됩니다.

7. API use case 에는 인스타그램 API를 사용하는 목적과 방법
 그리고 어떤 사람들이 사용하게 될 것인지, 구체적으로 작성해주세요.
 Video Screencast URL에는 인스타그램 소셜 로그인 동작을 동영상으로 촬영하여 올려주세요.
 작성이 다 되었으면 submit 버튼을 클릭합니다.

위에서 생성한 네이버, 카카오, 구글, 페이스북, 트위터, 인스타그램 앱키를 전부 망보드 옵션 설정에 입력하고,
망보드 옵션설정에서
Social Login 옵션을 사용으로 설정하면 소셜 로그인 기능에 대한 세팅이 완료됩니다!


1. 회원기능 수정방법 정리: https://www.mangboard.com/tip/?vid=31

2. 모델링 개념 쉽게 이해하기: https://www.mangboard.com/tip/?vid=4

3. 회원 필드 및 모델링 샘플 코드: https://www.mangboard.com/tip/?vid=8

4. 로그인/로그아웃 버튼 만들기: https://www.mangboard.com/tip/?vid=13