# 페이스북 로그인 연동하기

## 목차 

* [페이스북 로그인 사용하기](#id-1)
  * [페이스북 새 앱 ID 만들기](#id-1-1.-id)
  * [제품 설정하기](#id-1-2)
  * [앱 설정하기](#id-1-3)
  * [애드온 사용하기](#id-1-4)

## 1. 페이스북 로그인 사용하기

{% hint style="info" %}
페이스북 로그인 기능을 사용하시려면 페이스북 계정이 있어야 합니다. [지금 가입하기](https://www.facebook.com/)
{% endhint %}

### 1-1. 페이스북 새 앱 ID 만들기

#### **Step 1.** [페이스북 디벨로퍼스 웹사이트](https://developers.facebook.com/)에 방문 후 화면 우측 상단 '내 앱' 메뉴를 누르세요. 

<figure><img src="/files/HPYD50I0LEY3CVw22D4V" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
오른쪽 상단에 '내 앱' 메뉴가 노출되지 않으면 '시작하기'를 클릭하여 Facebook 개발자 계정을 생성하고 다음 과정을 진행해 주세요.&#x20;
{% endhint %}

#### **Step 2.** 앱 페이지에서 \[앱 만들기]를 클릭해 주세요.

<figure><img src="/files/3KNSJB8zlm0bKiyifiwM" alt=""><figcaption></figcaption></figure>

#### **Step 3.** 앱에 필요한 기능  중 \[Facebook 로그인을 통한 인증 및 사용자의 데이터 요청]을 선택해 주세요.

<figure><img src="/files/U3u61qAeDG88T3amY4Od" alt=""><figcaption></figcaption></figure>

#### **Step 4.** Login type 항목에 '아니요. 게임을 빌드하지 않습니다.'를 선택해 주세요.

<figure><img src="/files/L6YGT0zVnMQtZCzx7Aeq" alt=""><figcaption></figcaption></figure>

**Step 5. 상세 정보를 입력하고 \[앱 만들기]를 클릭해 주세요.**

<figure><img src="/files/LqXEXfgJzHjPkjthN1Ou" alt=""><figcaption></figcaption></figure>

| 설정 항목                                                                         |
| ----------------------------------------------------------------------------- |
| <p><strong>앱 이름 추가</strong><br>상점 이름을 입력해 주세요.</p>                            |
| <p><strong>앱 연락처 이메일</strong><br>페이스북 로그인 정책, 상태 정보를 받을 이메일 주소를 입력해 주세요. </p> |
| <p><strong>비즈니스 계정</strong><br>비즈니스 관리자 계정을 선택해 주세요.</p>                      |

### 1-2. 제품 설정하기

#### **Step 1 .** \[왼쪽 메뉴 > 대시보드]에서 Facebook 로그인 버튼 추가 맞춤 설정을 선택해 주세요.

<figure><img src="/files/Dz4Z5mmOpjVr4QV43VQA" alt=""><figcaption></figcaption></figure>

#### **Step 2 .** Facebook 로그인의 설정 항목에서 \[설정 페이지로 이동]을 선택해 주세요.

<figure><img src="/files/JPBLbKRQQIxb6U0ffyxz" alt=""><figcaption></figcaption></figure>

#### Step 3 . JavaScript SDK에 허용된 도메인 설정을 '예'로 선택하고 상점 도메인을 입력해 주세요.

<figure><img src="/files/OBNQO6K3p5Wnnrq5Dre2" alt=""><figcaption></figcaption></figure>

| 설정 항목                                                                    |
| ------------------------------------------------------------------------ |
| <p><strong>JavaScript SDK로 로그인</strong><br>예</p>                         |
| <p><strong>JavaScript SDK에 허용된 도메인</strong><br><https://www.상점도메인주소></p> |

### **1-3. 앱 설정하기**

#### **Step 1 .** \[왼쪽 메뉴 > 앱 설정 > 기본 설정]에서 아래를 참고하여 정보를 입력해 주세요.

<figure><img src="/files/7pzQF78usJYoJjr4DcKf" alt=""><figcaption></figcaption></figure>

| 설정 항목                                                                             |
| --------------------------------------------------------------------------------- |
| <p><strong>앱 도메인</strong> <br>[www.상점도메인주소](http://www.상점도메인주소)</p><p>상점도메인주소</p> |
| <p><strong>개인정보처리방침 URL</strong><br><https://www.상점도메인주소/privacy></p>             |
| <p><strong>서비스 약관 URL</strong><br><https://www.상점도메인주소/policy></p>                |
| <p><strong>사용자 데이터 삭제</strong> </p><p><https://www.상점도메인주소>  </p>                 |
| <p><strong>카테고리</strong> </p><p>쇼핑</p>                                            |

#### **Step 2 .** 기본 설정 페이지 하단 \[+ 플랫폼 추가]를 클릭하고, Website에 체크하여 \[다음] 버튼을 클릭한 후 상점 도메인 주소를 입력해 주세요.

<figure><img src="/files/muegwwTRWJ0ppEEQKhch" alt=""><figcaption></figcaption></figure>

| 설정 항목                                                    |
| -------------------------------------------------------- |
| <p><strong>사이트 URL</strong><br><https://www.상점도메인주소></p> |

{% hint style="warning" %}
아래 이미지처럼 Website 항목이 비활성화되어 체크할 수 없다면, 이미 웹사이트 정보가 등록된 상태입니다. \[취소] 후, 웹사이트 정보 오른쪽의 \[X] 아이콘으로 기존 정보를 삭제하고 재시도해 주세요.
{% endhint %}

<figure><img src="/files/IWuSjVcME8JYxS9eDnlW" alt=""><figcaption></figcaption></figure>

#### **Step 3.** \[왼쪽 메뉴 > 게시하기]에서 \[게시]를 클릭해 주세요.

{% hint style="danger" %}
**2023년 2월 1일부터 페이스북 로그인은 인증된 비즈니스와 연결되어야 사용할 수 있습니다.**\
게시하기에서 비즈니스 인증 오른쪽 \[인증 시작]을 눌러 비즈니스 인증을 완료해 주세요.\
비즈니스 인증은 서류 제출 후 약 2영업일 소요됩니다.
{% endhint %}

비즈니스 인증을 위해 상점 정보 확인에 필요한 문서가 필요합니다.

<details>

<summary>비즈니스 인증에 허용되는 문서</summary>

* 상장서/정관
* 비즈니스 등록 문서 또는 사업자 등록증&#x20;
* 정부 발급 비즈니스 납세 관련 문서
  * 납세 증명서도 해당됩니다. 직접 작성한 세무 문서는 허용되지 않습니다.
* 비즈니스 은행 명세서
* 공과금 청구서
  * 비즈니스 주소 및 전화번호를 확인하는 용도로만 허용됩니다. 공과금 청구서에 법적 비즈니스 이름이 명시되어 있어야 합니다. 공과금 청구서는 법적 비즈니스 이름을 확인하는 용도로는 허용되지 않습니다.

</details>

<figure><img src="/files/37cQqdRx8aZBHWR7XNz5" alt=""><figcaption></figcaption></figure>

#### **Step 4.** Step.3 이미지의 ③의 앱 ID 숫자를 클릭하여 복사해 주세요.

### 1-4. 애드온 사용하기

\[식스샵 > 애드온 > 소셜 로그인]의 '페이스북' 항목에 복사한 앱 ID를 붙여넣고 '변경사항 저장하기' 버튼을 눌러주시면 페이스북 로그인 설정이 완료됩니다.

<figure><img src="/files/YZZHyHQEojtfEvL9oDue" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.sixshop.com/learn-sixshop/store-manager/add-ons/social-login/facebooklogin.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.