# 연결

{% tabs %}
{% tab title="커스텀 앱으로 연결" %}

1. 슬랙 API 페이지에 로그인 후 우측 상단의 Your apps 메뉴를 클릭합니다. [\[바로가기\]](https://api.slack.com/)

<figure><img src="https://1362923181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PH5ktGI0BWG6g9fvtcn%2Fuploads%2FiXaAOyHEj7XVbKhpFHPz%2FScreenshot%200007-01-31%20at%206.21.19%E2%80%AFPM.png?alt=media&#x26;token=197e9521-014c-4dc5-bff5-a9395b44936f" alt=""><figcaption></figcaption></figure>

2. Create New App 버튼을 눌러 새로운 앱을 생성합니다&#x20;

<figure><img src="https://1362923181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PH5ktGI0BWG6g9fvtcn%2Fuploads%2Fm0gDpsBNZYYalHlZjRKS%2FScreenshot%200007-01-24%20at%2011.28.41%E2%80%AFAM.png?alt=media&#x26;token=6f87597a-5708-4a48-9674-b5471e55ff6d" alt=""><figcaption></figcaption></figure>

3. From a manifest 를 선택합니다

<figure><img src="https://1362923181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PH5ktGI0BWG6g9fvtcn%2Fuploads%2Fphk9UGxpd4wQ3ftwrrtZ%2FScreenshot%200007-01-24%20at%2011.28.50%E2%80%AFAM.png?alt=media&#x26;token=ba3d08d0-ee44-4cc1-ba3e-3d6414b159ef" alt=""><figcaption></figcaption></figure>

4. 앱을 추가할 워크스페이스 선택 후 Next 버튼을 누릅니다.&#x20;

<figure><img src="https://1362923181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PH5ktGI0BWG6g9fvtcn%2Fuploads%2FP8qf69EQHSLxyWHiesQg%2FScreenshot%200007-01-24%20at%2011.41.59%E2%80%AFAM.png?alt=media&#x26;token=5e45e071-2f94-442e-b4eb-d33d063d6d57" alt=""><figcaption></figcaption></figure>

5. Manifest 는 JSON 으로 설정 후 캡처화면 하단의 코드를 변경 후 붙여넣으신 다음 Next 버튼을 누릅니다.&#x20;

<figure><img src="https://1362923181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PH5ktGI0BWG6g9fvtcn%2Fuploads%2FOvCX91qTQTttnoXJ2o1z%2FScreenshot%200007-01-24%20at%2011.42.38%E2%80%AFAM.png?alt=media&#x26;token=e00e17b3-27eb-402f-9a5b-b771c76681f3" alt=""><figcaption></figcaption></figure>

```
// 두개의 중괄호 묶음 표시가 되어 있는 부분은 직접 수정해 주셔야 합니다 

{
    "display_information": {
        "name": "{{ 앱 이름 }}",
        "description": "{{ 앱 설명 (최소 10자 이상) }}",
        "background_color": "#1f66df"
    },
    "features": {
        "bot_user": {
            "display_name": "{{ 슬랙 채널에서의 봇 이름 }}",
            "always_online": true
        }
    },
    "oauth_config": {
        "redirect_urls": [
            "https://back.outcode.biz/v2/help/slack/token"
        ],
        "scopes": {
            "user": [
                "channels:read",
                "chat:write",
                "groups:read",
                "users:read"
            ],
            "bot": [
                "channels:read",
                "chat:write",
                "groups:read",
                "users:read"
            ]
        }
    },
    "settings": {
        "allowed_ip_address_ranges": [
            "34.64.62.217/32"
        ],
        "org_deploy_enabled": true,
        "socket_mode_enabled": false,
        "token_rotation_enabled": true
    }
}
```

6. 아래의 앱 생성 Review 모달이 보이면 Create 버튼을 눌러 앱을 생성합니다.&#x20;

<figure><img src="https://1362923181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PH5ktGI0BWG6g9fvtcn%2Fuploads%2F48QRnCz8v3iI54OCz2Tp%2FScreenshot%200007-01-24%20at%2011.42.58%E2%80%AFAM.png?alt=media&#x26;token=82211c04-baf0-47f8-9305-c7fff347def8" alt=""><figcaption></figcaption></figure>

7. 앱이 성공적으로 생성되었다면 앱 생성에서 Settings > Basic Information 페이지의 App Credentials 항목의 Client ID와 Client Secret 항목을 복사하여 붙여넣습니다.&#x20;

<figure><img src="https://1362923181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PH5ktGI0BWG6g9fvtcn%2Fuploads%2FR9RB1azlQCF06GonqRi8%2FScreenshot%200007-01-31%20at%206.29.40%E2%80%AFPM.png?alt=media&#x26;token=63583ecd-75b4-42c9-9240-90d6f7b077fd" alt=""><figcaption></figcaption></figure>

8. Client ID와 Client Secret 정보를 넣고 다음 버튼을 누르면 아래와 같은 페이지가 보여지게 됩니다. \
   연결하고자 하는 채널이 맞는지 확인하시고 허용 버튼을 누르면 앱 연결이 완료됩니다.&#x20;

<figure><img src="https://1362923181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PH5ktGI0BWG6g9fvtcn%2Fuploads%2F7kZ9vQECYVA8RrGME9Cg%2FScreenshot%200007-01-31%20at%206.31.41%E2%80%AFPM.png?alt=media&#x26;token=36a097d9-852d-4256-b308-8e5f0c764c16" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="아웃코드 앱으로 연결" %}

<figure><img src="https://1362923181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PH5ktGI0BWG6g9fvtcn%2Fuploads%2FRsZP43awRdB5s2ZIAkmt%2FScreenshot%200007-01-20%20at%2011.34.09%E2%80%AFAM.png?alt=media&#x26;token=bb9b2fd5-1480-46df-b8f0-813013d6aa06" alt="" width="563"><figcaption></figcaption></figure>

1. 슬랙 계정에 로그인 하고 인증 페이지로 이동합니다.
2. 인증 창의 오른쪽 상단에 연동할 채널을 선택합니다 채널에 권한이 없다면 권한 허용 버튼이 활성화되지 않습니다.
3. Allow 버튼을 누르면 새로운 앱 연결이 생성됩니다. Cancel 버튼을 누르면 앱 생성이 취소됩니다.
   {% endtab %}
   {% endtabs %}