이 튜토리얼에서는 Google Chat 사용자가 개인 및 비즈니스 연락처를 관리하는 데 도움이 되는 Google Chat 앱을 빌드하는 방법을 보여줍니다. 정보를 수집하기 위해 Chat 앱은 사용자에게 카드 메시지 및 대화상자에서 연락처 양식을 작성하라는 메시지를 표시합니다.
Chat 앱 작동 방식을 확인해 보세요.
-
그림 2. 이 채팅 앱에서 사용자가 다음 작업을 할 수 있는 대화상자가 열립니다. 연락처에 관한 정보 입력 -
그림 3. Chat 앱은 사용자가 제출하기 전에 정보를 검토하고 확인할 수 있도록 확인 대화상자를 반환합니다. -
그림 4. 사용자가 제출한 후 채팅 앱에서 비공개 응답을 문자 메시지를 전송하여 제출을 확인합니다. -
그림 5. 이 채팅 앱에서 사용자에게 연락처를 추가하라는 메시지도 표시됩니다. 메시지의 카드에서 발생합니다.
기본 요건
- Google Chat에 액세스할 수 있는 비즈니스 또는 엔터프라이즈 Google Workspace 계정
목표
- 사용자 인터페이스 (UI) 설계 및 빌드
card
객체로 만들고 메시지와 대화상자에 UI를 표시합니다. - 사용자가 다음을 사용하여 제출하는 정보 수신 및 처리 양식 입력 위젯입니다.
- 슬래시 명령어에 응답: 텍스트, 카드, 액세서리 위젯이 포함된 메시지
아키텍처
Chat 앱 기본 제공 Google Apps Script 및 사용 처리할 상호작용 이벤트를 Chat 사용자에게 응답할 수 있습니다
다음은 사용자가 일반적으로 채팅 앱:
사용자가 채팅 앱으로 채팅 메시지를 엽니다. 기존 스페이스에 채팅 앱을 추가
채팅 앱이 사용자에게 다음 방법으로 연락처를 추가하라는 메시지를 표시합니다. 문의 양식을
card
드림 객체를 지정합니다. 문의 양식을 표시하기 위해 Chat 앱은 다음과 같은 방식으로 사용자에게 응답합니다.- @멘션 및 채팅 메시지에 다음과 같은 카드 메시지로 응답합니다. 문의 양식을 포함합니다.
- 다음 명령어로 대화상자를 열어 슬래시 명령어
/addContact
에 응답합니다. 문의 양식을 제출해 주세요. - 슬래시 명령어
/about
에 사용자가 클릭하여 대화상자를 열 수 있는 연락처 추가 버튼을 추가합니다. 문의 양식을 제출해 주세요.
문의 양식이 표시되면 사용자가 연락처 정보를 입력합니다. 다음과 같은 필드 및 위젯으로 전달할 수 있습니다.
- 이름 및 성: 문자열을 허용하는
textInput
위젯입니다. - Birthdate: 날짜만 허용하는
dateTimePicker
위젯입니다. - 연락처 유형: 사용자가 단일 문자열 값(
Personal
또는Work
)을 선택하고 제출할 수 있는 라디오 버튼의selectionInput
위젯입니다. - 검토 및 제출 버튼:
buttonList
사용자가 클릭한 값을 제출하기 위해 클릭하는button
위젯이 있는 배열 있습니다.
- 이름 및 성: 문자열을 허용하는
Google Chat 앱이
CARD_CLICKED
상호작용 이벤트를 처리함 사용자가 입력한 값을 처리하고 확인 카드.사용자가 확인 카드를 검토하고 제출 버튼을 클릭하여 연락처 정보를 완료합니다.
Google Chat 앱이 비공개 문자 메시지를 전송합니다. 제출을 확인합니다.
환경 준비
이 섹션에서는 Google Cloud 프로젝트를 만들고 구성하는 방법을 보여줍니다. 채팅 앱
Google Cloud 프로젝트 만들기
Google Cloud 콘솔
- Google Cloud 콘솔에서 메뉴 > IAM 및 관리자 > 프로젝트 만들기로 이동합니다.
-
프로젝트 이름 필드에 프로젝트를 설명하는 이름을 입력합니다.
선택사항: 프로젝트 ID를 수정하려면 수정을 클릭합니다. 프로젝트가 생성된 후에는 프로젝트 ID를 변경할 수 없으므로 프로젝트의 전체 기간 동안 필요에 맞는 ID를 선택하세요.
- 위치 필드에서 찾아보기를 클릭하여 프로젝트의 가능한 위치를 표시합니다. 그런 다음 선택을 클릭합니다.
- 만들기를 클릭합니다. Google Cloud 콘솔이 대시보드 페이지로 이동하고 프로젝트가 생성됩니다. 몇 분 이내에 다시 시작할 수 있습니다.
gcloud CLI
다음 개발 환경 중 하나에서 Google Cloud
CLI (gcloud
):
-
Cloud Shell: gcloud CLI로 온라인 터미널 사용
설정되어 있다면 Cloud Shell을 활성화합니다
Cloud Shell 활성화 -
로컬 셸: 로컬 개발 환경을 사용하려면
install 및
초기화
gcloud CLI에 연결할 수 있습니다
Cloud 프로젝트를 만들려면gcloud projects create
명령어를 사용합니다. 드림 만들려는 프로젝트의 ID를 설정하여 PROJECT_ID를 바꿉니다.gcloud projects create PROJECT_ID
인증 및 승인 설정
Google Chat 앱을 사용하려면 OAuth 동의 화면을 통해 사용자는 다음을 포함하여 Google Workspace 애플리케이션에서 앱을 승인할 수 있습니다. Google Chat
이 튜토리얼에서는 특정 사용자를 대상으로 하는 채팅 앱을 따라서 자리표시자 정보를 사용하여 표시됩니다. 채팅 앱을 게시하기 전에 다음을 실제 정보가 있는 자리표시자 정보
Google Cloud 콘솔에서 다음으로 이동합니다. 메뉴 > API 및 서비스 > OAuth 동의 화면으로 이동합니다.
사용자 유형에서 내부를 선택한 다음 만들기를 클릭합니다.
앱 이름에
Contact Manager
를 입력합니다.사용자 지원 이메일에서 이메일 주소 또는 적절한 Google 그룹을 선택합니다.
개발자 연락처 정보에 이메일 주소를 입력합니다.
저장하고 계속하기를 클릭합니다.
범위 페이지에서 저장 후 계속을 클릭합니다. ( 채팅 앱에는 OAuth 범위가 필요하지 않습니다.)
요약을 검토한 후 대시보드로 돌아가기를 클릭합니다.
채팅 앱 만들기 및 배포
다음 섹션에서는 Chat 앱에 필요한 모든 애플리케이션 코드가 포함된 전체 Apps Script 프로젝트를 복사하고 업데이트하므로 각 파일을 복사하여 붙여넣을 필요가 없습니다.
원하는 경우 GitHub에서 전체 프로젝트를 볼 수 있습니다.
다음은 각 파일의 개요입니다.
main.gs
사용자가 앱을 전송할 때 발생하는 상호작용 이벤트를 비롯한 모든 앱 로직 처리 채팅 앱에 메시지를 보내려면 채팅 앱 메시지 또는 대화상자 열기 및 닫기
main.gs
코드 보기contactForm.gs
사용자로부터 양식 데이터를 수신하는 위젯을 포함합니다. 이러한 양식 입력은 위젯은 메시지와 대화상자에 표시되는 카드에 표시됩니다.
contactForm.gs
코드 보기appsscript.json
이 Apps Script 매니페스트 애플리케이션을 위한 Apps Script 프로젝트를 정의하고 채팅 앱
appsscript.json
코드 보기
Cloud 프로젝트 번호 및 ID 찾기
Google Cloud 콘솔에서 Cloud 프로젝트로 이동합니다.
설정 및 유틸리티를 클릭합니다. > 프로젝트 설정을 클릭합니다.
프로젝트 번호 및 프로젝트 ID 필드의 값을 확인합니다. 다음 섹션에서 사용합니다.
Apps Script 프로젝트 만들기
Apps Script 프로젝트를 만들어 Cloud 프로젝트:
- 다음 버튼을 클릭하여 Google Chat에서 연락처 관리 Apps Script 프로젝트를 엽니다.
프로젝트 열기 - Overview(개요)를 클릭합니다.
- 개요 페이지에서 사본 만들기를 클릭합니다.
Apps Script 프로젝트 사본의 이름을 지정합니다.
Google Chat 연락처 관리 사본을 클릭합니다.
프로젝트 제목에
Contact Manager - Google Chat app
을 입력합니다.이름 바꾸기를 클릭합니다.
Apps Script 프로젝트의 Cloud 프로젝트 설정
- Apps Script 프로젝트에서 프로젝트 설정을 클릭합니다.
- Google Cloud Platform(GCP) 프로젝트에서 프로젝트 변경을 클릭합니다.
- GCP 프로젝트 번호에 Cloud 프로젝트의 프로젝트 번호를 붙여넣습니다.
- 프로젝트 설정을 클릭합니다. Cloud 프로젝트 및 Apps Script 프로젝트가 연결되었습니다.
Apps Script 배포 만들기
이제 모든 코드가 준비되었으므로 Apps Script 프로젝트를 배포합니다. 배포 ID는 Google Cloud의 채팅 앱
Apps Script에서 채팅 앱의 살펴보겠습니다
배포 > 새 배포를 클릭합니다.
부가기능이 아직 선택되어 있지 않으면 유형 선택 옆에 있는 배포 유형 을 클릭하고 부가기능을 선택합니다.
설명에 이 버전에 대한 설명을 입력합니다. 예를 들면 다음과 같습니다.
Test of Contact Manager
입니다.배포를 클릭합니다. Apps Script는 배포가 완료되었다고 보고하고 배포 ID를 제공합니다.
복사를 클릭하여 배포 ID를 복사한 다음 완료를 클릭합니다.
Google Cloud 콘솔에서 채팅 앱 구성
이 섹션에서는 Google Cloud 콘솔에서 Google Chat API를 구성하는 방법을 보여줍니다. 다음과 같은 채팅 앱 관련 정보가 포함됩니다. Apps Script에서 방금 만든 배포의 ID입니다. 살펴보겠습니다
Google Cloud 콘솔에서 메뉴를 클릭합니다. <ph type="x-smartling-placeholder">> 제품 더보기 > Google Workspace > 제품 라이브러리 > Google Chat API > 관리 > 구성.
</ph>앱 이름에
Contact Manager
를 입력합니다.아바타 URL에
https://developers.google.com/chat/images/contact-icon.png
를 입력합니다.설명에
Manage your personal and business contacts
를 입력합니다.양방향 기능 사용 설정 전환 버튼을 클릭하여 On(사용)으로 설정합니다.
기능에서 1:1 메시지 수신 체크박스를 선택합니다. 스페이스 및 그룹 대화에 참여하기
연결 설정에서 Apps Script를 선택합니다.
배포 ID에 Apps Script 배포 ID를 붙여넣습니다. 이전 섹션에서 복사한 Apps Script 배포
슬래시 명령어에서 슬래시 명령어
/about
및/addContact
:- 슬래시 명령어 추가를 클릭하여 첫 번째 슬래시 명령어를 설정합니다.
- 이름에
/about
를 입력합니다. - 명령어 ID에
1
를 입력합니다. - 설명에
Learn how to use this Chat app to manage your contacts
를 입력합니다. - 대화상자 열기를 선택합니다.
- 완료를 클릭합니다.
- 슬래시 명령어 추가를 클릭하여 다른 슬래시 명령어를 설정합니다.
- 이름에
/addContact
를 입력합니다. - 명령어 ID에
2
를 입력합니다. - 설명에
Submit information about a contact
입니다. - 대화상자 열기를 선택합니다.
- 완료를 클릭합니다.
공개 상태에서 YOUR DOMAIN의 특정 사용자 및 그룹에서 이 Chat 앱을 사용할 수 있도록 설정 체크박스를 선택하고 이메일 주소를 입력합니다.
로그에서 Logging에 오류 로깅을 선택합니다.
저장을 클릭합니다. 구성에 저장된 메시지가 표시됩니다.
채팅 앱을 설치하고 테스트할 준비가 되었습니다. 채팅
채팅 앱 테스트
Chat 앱을 테스트하려면 Chat 앱으로 채팅 메시지 스페이스를 열고 메시지를 보냅니다.
사용하는 Google Workspace 계정을 사용하여 Google Chat을 엽니다. 제공됩니다.
- 새 채팅을 클릭합니다.
- 사용자 1명 이상 추가 입력란에 Chat 앱의 이름을 입력합니다.
검색 결과에서 채팅 앱을 선택합니다. 직접 메시지가 열립니다.
채팅 앱의 새 채팅 메시지에서
/addContact
를 입력하고 Enter 키를 누릅니다.대화상자가 열리면 연락처 정보를 입력합니다.
- 이름 텍스트 필드에 이름을 입력합니다.
- 생일 날짜 선택 도구에서 날짜를 선택합니다.
- 연락처 유형에서 직장 또는 개인 라디오 버튼을 선택합니다.
검토 및 제출을 클릭합니다.
확인 대화상자에서 제출한 정보를 검토하고 제출을 클릭합니다. Chat 앱이
✅ CONTACT NAME has been added to your contacts.
라는 텍스트 메시지로 응답합니다.원하는 경우 다음과 같은 방법으로 문의 양식을 테스트하고 제출할 수도 있습니다.
/about
슬래시 명령어를 사용합니다. Chat 앱이 텍스트 메시지와Add a contact
라고 표시된 액세서리 위젯 버튼으로 답장합니다. 이 버튼을 클릭하면 문의 양식이 포함된 대화상자가 열립니다.- 채팅 앱에서 채팅 메시지를 보낼 때
슬래시 명령어(예:
Hello
) Chat 앱 문의 양식이 포함된 텍스트 및 카드로 답장을 보냅니다.
삭제
서비스 요금이 Google Cloud 계정에 청구되지 않도록 리소스 사용을 중단하려면 Cloud 프로젝트입니다.
- Google Cloud 콘솔에서 리소스 관리 페이지로 이동합니다. 클릭 메뉴 > IAM 및 관리자 > 리소스 관리를 클릭합니다.
- 프로젝트 목록에서 삭제할 프로젝트를 선택하고 삭제 를 클릭합니다.
- 대화상자에서 프로젝트 ID를 입력한 후 종료를 클릭하여 삭제합니다. 프로젝트입니다