GSP792

개요

이 실습에서는 에이전트용 대화 흐름 설계에서 만들었던 Pigeon Travel 가상 에이전트 작업을 계속합니다. 또한 Firestore에서 예약 항목을 조회하고 저장할 수 있도록 컨텍스트를 추가하고 fulfillment를 설정합니다.

참고: 이 실습을 계속하려면 에이전트용 대화 흐름 설계 실습에서 내보낸 에이전트 ZIP 파일이 필요합니다. 에이전트 ZIP 파일이 없으면 이 실습에서 단계를 진행하기 전에 에이전트용 대화 흐름 설계 실습의 모든 인텐트와 항목을 처음부터 다시 빌드해야 합니다.

학습할 내용

이 실습에서는 다음 작업을 수행합니다.

• Firestore 컬렉션 만들기
• 에이전트가 예약에서 이름을 조회하고 변경할 수 있도록 fulfillment를 Cloud Functions 코드로 설정합니다.

설정 및 요건

실습 시작 버튼을 클릭하기 전에

다음 안내를 확인하세요. 실습에는 시간 제한이 있으며 일시중지할 수 없습니다. 실습 시작을 클릭하면 타이머가 시작됩니다. 이 타이머에는 Google Cloud 리소스를 사용할 수 있는 시간이 얼마나 남았는지 표시됩니다.

실무형 실습을 통해 시뮬레이션이나 데모 환경이 아닌 실제 클라우드 환경에서 직접 실습 활동을 진행할 수 있습니다. 실습 시간 동안 Google Cloud에 로그인하고 액세스하는 데 사용할 수 있는 새로운 임시 사용자 인증 정보가 제공됩니다.

이 실습을 완료하려면 다음을 준비해야 합니다.

• 표준 인터넷 브라우저 액세스 권한(Chrome 브라우저 권장)

참고: 이 실습을 실행하려면 시크릿 모드 또는 시크릿 브라우저 창을 사용하세요. 개인 계정과 학생 계정 간의 충돌로 개인 계정에 추가 요금이 발생하는 일을 방지해 줍니다.

• 실습을 완료하기에 충분한 시간---실습을 시작하고 나면 일시중지할 수 없습니다.

참고: 계정에 추가 요금이 발생하지 않도록 하려면 개인용 Google Cloud 계정이나 프로젝트가 이미 있어도 이 실습에서는 사용하지 마세요.

실습을 시작하고 Google Cloud 콘솔에 로그인하는 방법

1. 실습 시작 버튼을 클릭합니다. 실습 비용을 결제해야 하는 경우 결제 수단을 선택할 수 있는 팝업이 열립니다. 왼쪽에는 다음과 같은 항목이 포함된 실습 세부정보 패널이 있습니다.

   • Google Cloud 콘솔 열기 버튼
   • 남은 시간
   • 이 실습에 사용해야 하는 임시 사용자 인증 정보
   • 필요한 경우 실습 진행을 위한 기타 정보

2. Google Cloud 콘솔 열기를 클릭합니다(Chrome 브라우저를 실행 중인 경우 마우스 오른쪽 버튼으로 클릭하고 시크릿 창에서 링크 열기를 선택합니다).

   실습에서 리소스가 가동되면 다른 탭이 열리고 로그인 페이지가 표시됩니다.

   팁: 두 개의 탭을 각각 별도의 창으로 나란히 정렬하세요.

   참고: 계정 선택 대화상자가 표시되면 다른 계정 사용을 클릭합니다.

3. 필요한 경우 아래의 사용자 이름을 복사하여 로그인 대화상자에 붙여넣습니다.

   {{{user_0.username | "Username"}}}

   실습 세부정보 패널에서도 사용자 이름을 확인할 수 있습니다.

4. 다음을 클릭합니다.

5. 아래의 비밀번호를 복사하여 시작하기 대화상자에 붙여넣습니다.

   {{{user_0.password | "Password"}}}

   실습 세부정보 패널에서도 비밀번호를 확인할 수 있습니다.

6. 다음을 클릭합니다.

   중요: 실습에서 제공하는 사용자 인증 정보를 사용해야 합니다. Google Cloud 계정 사용자 인증 정보를 사용하지 마세요. 참고: 이 실습에 자신의 Google Cloud 계정을 사용하면 추가 요금이 발생할 수 있습니다.

7. 이후에 표시되는 페이지를 클릭하여 넘깁니다.

   • 이용약관에 동의합니다.
   • 임시 계정이므로 복구 옵션이나 2단계 인증을 추가하지 않습니다.
   • 무료 체험판을 신청하지 않습니다.

잠시 후 Google Cloud 콘솔이 이 탭에서 열립니다.

참고: Google Cloud 제품 및 서비스 목록이 있는 메뉴를 보려면 왼쪽 상단의 탐색 메뉴를 클릭합니다.

작업 1. API 사용 설정

1. Cloud 콘솔에서 탐색 메뉴() > API 및 서비스 > API 및 서비스 사용 설정으로 이동합니다.

2. + API 및 서비스 사용 설정을 클릭합니다.

3. Dialogflow를 검색합니다.

4. Dialogflow API 타일을 클릭합니다. API가 사용 설정되지 않은 경우 사용 설정을 클릭합니다.

5. Cloud 함수를 검색합니다.

6. Cloud Functions API를 클릭하고 이미 사용 설정된 경우 관리를 클릭합니다.

7. API 사용 중지를 클릭합니다.

   확인을 요청하는 메시지가 표시되면 사용 중지를 클릭합니다.

8. 사용 설정을 클릭합니다.

   API가 다시 사용 설정되면 페이지에 사용 중지 옵션이 표시됩니다.

IAM 권한 설정

1. 탐색 메뉴()에서 IAM 및 관리자 > IAM으로 이동합니다.

2. IAM 목록에서 서비스 에이전트를 찾고 연필 아이콘을 선택하여 Google Cloud Functions 서비스 에이전트의 권한을 수정합니다. 서비스 계정에는 @gcf-admin-robot.iam.gserviceaccount.com 도메인이 포함됩니다.

3. 서비스 계정이 표시되지 않으면 Google 제공 역할 부여 포함 체크박스를 클릭합니다.

4. 대화상자에서 다른 역할 추가를 클릭한 다음 Artifact Registry > Artifact Registry 리더 역할을 선택합니다.

5. 저장을 클릭합니다.

작업 2. Dialogflow 에이전트 만들기

에이전트 이름으로 'pigeon-travel'을 사용합니다.

1. Dialogflow 콘솔로 이동합니다.

2. Google로 로그인 버튼을 클릭하고, 이 실습에 로그인할 때 사용한 실습 사용자 인증 정보를 선택합니다. 그런 다음 허용을 클릭합니다.

3. 이메일 환경설정을 선택 해제하고 서비스 약관을 선택합니다. 동의를 클릭합니다.

4. 왼쪽 메뉴에서 에이전트 만들기를 클릭합니다.

5. 이제 아래 스크린샷과 같이 에이전트 정보를 추가합니다.

• 에이전트 이름: pigeon-travel
• 기본 시간대: America/Denver
• Google 프로젝트: 실습 프로젝트 ID 사용

6. 만들기를 클릭합니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. Dialogflow 에이전트 만들기

작업 3. Dialogflow 에이전트 가져오기

이전 실습에서는 빌드한 Dialogflow 에이전트를 내보냈습니다. 이제는 다시 가져와서 계속 빌드합니다.

그러면 새 가상 에이전트 프로젝트가 생성됩니다. 이제 이미 수행한 작업을 가져올 차례입니다.

• 내보낸 파일이 없다면 이 파일을 사용합니다.

https://storage.cloud.google.com/qwiklabs-resources-ccai-quest/pigeon-travel-gsp-792.zip

• 파일을 로컬 워크스테이션에 다운로드합니다.

1. 에이전트 이름 옆에 있는 설정 톱니바퀴 아이콘 을 클릭합니다.

2. 내보내기 및 가져오기 탭을 선택합니다.

3. ZIP 파일에서 가져오기를 클릭합니다.

4. 파일 선택을 클릭하고 가상 에이전트의 구성이 포함된 ZIP 파일로 이동합니다. 파일을 드래그 앤 드롭해도 됩니다.

5. 'IMPORT'라는 단어를 전부 대문자로 입력하여 가져오기 버튼을 사용 설정하고 가져오기를 클릭합니다.

6. 가져오기가 완료되면 완료를 클릭하여 업로드 창을 닫습니다.

기존 구성을 새 에이전트 프로젝트로 가져왔습니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. Dialogflow 에이전트 가져오기

작업 4. Cloud Functions를 사용하여 fulfillment를 설정하고 Firestore에서 예약 조회

지금까지 에이전트는 고객과 원활하게 통신하여 예약 번호를 포함하여 정보를 얻을 수 있었습니다. 그러나 수집된 정보를 확인하거나 기록하여 추가적인 조치를 실행하지는 않았습니다. 이 섹션에서는 Node.js 코드를 추가하여 fulfillment를 설정하고 에이전트가 현재 예약을 조회하고 변경사항을 추가할 수 있도록 Cloud 함수로 배포합니다.

Firestore 구성

1. 콘솔에서 탐색 메뉴 > 데이터베이스 > Firestore로 이동합니다.

2. 데이터베이스 만들기를 클릭합니다.

3. Firestore 모드 선택에서 기본 모드(권장)를 선택하고 계속을 클릭합니다.

4. 위치로 멀티 리전을 선택한 다음 멀티 리전으로 nam5(미국)를 선택합니다.

5. 데이터베이스 만들기를 클릭합니다. 완료되면 새 컬렉션을 만들 수 있습니다.

6. 컬렉션 시작을 클릭합니다.

7. 세부정보를 입력하여 아래 세부정보를 복제한 다음 저장을 클릭합니다.

• 컬렉션 ID: reservations

• 문서 ID: 100

• 필드 이름: fname

• 필드 유형: string

• 필드 값: Isabel

8. 그런 다음 필드 추가(+) 버튼을 클릭하여 다른 필드를 추가합니다.

• 필드 이름: lname
• 필드 유형: string
• 필드 값: Costa

9. 그런 다음 필드 추가(+) 버튼을 클릭하여 다른 필드를 추가합니다.

• 필드 이름: newname
• 필드 유형: string
• 필드 값:

이제 첫 번째 문서를 Firestore 컬렉션에 추가했습니다.

Firestore 문서 ID 권장사항

• 문서 ID로 . 또는 ..를 사용하지 않습니다.

• 문서 ID에 슬래시(/)를 사용하지 않습니다.

• 다음과 같이 단조롭게 증가하는 문서 ID를 사용하지 않습니다.

  • Customer1, Customer2, Customer3, ...
  • Product 1, Product 2, Product 3, ...

  이러한 순차 ID를 사용하면 지연에 영향을 미치는 부하 집중이 발생할 수 있습니다.

Dialogflow Fulfillment

1. Dialogflow 콘솔로 이동하여 왼쪽 메뉴에서 Fulfillment를 클릭합니다. 리소스를 프로비저닝하는 데 몇 분 정도 걸릴 수 있습니다.

2. 인라인 편집기 옵션 옆에 있는 슬라이더를 오른쪽으로 밀면 사용 설정됨이 표시됩니다. 이렇게 하면 Dialogflow 에이전트 내에서 Cloud Functions 편집기가 사용 설정됩니다.

참고: 오류 메시지가 표시되면 페이지를 새로고침한 다음 슬라이더를 다시 사용 설정해 보세요.

3. 사용 설정되면 index.js에 기본 템플릿이 표시됩니다.

4. 오른쪽 하단에 있는 배포 버튼을 클릭합니다. 몇 분 정도 걸릴 수 있습니다.

5. 배포에 성공하면 Google Cloud 콘솔로 이동한 후 왼쪽 메뉴에서 Cloud Functions로 이동하여 함수가 배포되었는지 확인합니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. Cloud Function을 사용하여 fulfillment 설정

6. Dialogflow 콘솔의 fulfillment 섹션으로 돌아가서 index.js 탭을 클릭합니다.

7. 기본 시작 및 대체 인텐트를 처리하는 함수를 포함하여 이미 일부 시작 코드가 있는지 다시 한번 확인합니다. Firestore를 사용해 작업할 수 있도록 먼저 아래에 다음 줄을 추가합니다.

process.env.DEBUG = 'dialogflow:debug'; 줄 위에 다음 코드를 추가합니다.

const admin = require('firebase-admin');

process.env.DEBUG = 'dialogflow:debug'; 줄 아래에 이 코드 블록을 추가합니다.

admin.initializeApp(); admin.firestore().settings( { timestampsInSnapshots: true }); const db = admin.firestore();

8. 이제 시작 및 대체 인텐트를 위한 핸들러 함수 다음에 처리 또는 예약을 위해 아래 코드를 추가합니다.

아래의 코드 줄 밑에 다음 코드 블록을 추가합니다.

exports.dialogflowFirebaseFulfillment = functions.https.onRequest((request, response) => {:

function reservation(agent) { let id = agent.parameters.reservationnumber.toString(); let collectionRef = db.collection('reservations'); let userDoc = collectionRef.doc(id); return userDoc.get() .then(doc => { if (!doc.exists) { agent.add('I could not find your reservation.'); } else { db.collection('reservations').doc(id).update({ newname: agent.parameters.newname }).catch(error => { console.log('Transaction failure:', error); return Promise.reject(); }); agent.add('Ok. I have updated the name on the reservation.'); } return Promise.resolve(); }).catch(() => { agent.add('Error reading entry from the Firestore database.'); }); }

9. 방금 추가한 함수에 대한 name.reservation-getname 매핑을 처리하는 항목을 포함하도록 intentMap을 수정합니다.

intentMap.set('name.reservation-getname', reservation);

다음과 같이 표시됩니다.

let intentMap = new Map(); intentMap.set('name.reservation-getname', reservation); intentMap.set('Default Welcome Intent', welcome); intentMap.set('Default Fallback Intent', fallback); agent.handleRequest(intentMap);

10. package.json 탭에서 firebase-admin이 "^5.13.1"로 설정되어 있는지 확인합니다.

"firebase-admin": "^5.13.1"

11. 배포 버튼을 클릭하여 코드를 저장하고 배포합니다.

12. 왼쪽 메뉴에서 인텐트를 클릭하고 name.reservation 인텐트 내의 name.reservation-getname으로 이동하여 Fulfillment까지 아래로 이동한 후 이 인텐트에 대한 웹훅 호출 사용 설정 전환 스위치를 클릭하여 사용 설정합니다. 인텐트를 저장합니다.

13. 시뮬레이터에서 다음 요청을 입력합니다. change name on booking(예약 이름 변경)

다음과 같은 기본 응답을 받게 됩니다. Sure I can help you to change your name on the reservation. Can I have your first name?(네, 예약 이름을 변경해 드리겠습니다. 이름을 알려주시겠어요?).

14. 원하는 사용자 이름을 입력합니다.

15. 그런 다음 예약 번호를 묻는 기본 응답이 표시되면 100을 입력합니다.

16. 이제 예약하려는 새 이름을 입력합니다(예: Kelly).

17. 성공적으로 완료되면 다음과 같은 기본 응답을 받게 됩니다. Thank you dylan. I have changed the name on reservation number 100 to be kelly.(고맙습니다. 예약 번호 100번의 이름을 Kelly로 변경했습니다.)

18. Cloud Console로 이동하고 왼쪽 메뉴를 사용하여 Firestore > Data로 이동하면 이를 추가로 확인할 수 있습니다.

변경된 이름이 표시됩니다. 새로운 키-값 쌍이 추가되었음을 알 수 있습니다. 이렇게 하면 원래 이름과 새 이름을 모두 확인할 수 있습니다.

19. Dialogflow 콘솔에서 로그를 검사하여 코드 오류를 확인합니다. fulfillment 섹션 왼쪽 하단에서 Google Cloud 콘솔에서 실행 로그 보기를 클릭하여 로그를 확인합니다.

20. 로그를 검사하여 오류가 있는지 확인합니다. 탐색 메뉴 > 작업 > 로깅을 클릭합니다.

21. 로그 탐색기에서 Cloud 함수 > dialogflowFirebaseFulfillment를 선택하면 모든 관련 로그를 여기에서 확인할 수 있습니다.

또는 탐색 메뉴 > Cloud Functions로 이동할 수 있습니다. 생성한 함수 내에서 로그를 클릭하여 로그를 확인합니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. Dialogflow 시뮬레이터를 사용하여 에이전트 테스트하기

작업 5. (선택사항) 코드 내보내기

다음 실습에서 사용할 수 있도록 작업을 내보냅니다. Cloud Functions 아래에서 소스 탭을 클릭하고 아래로 스크롤하면 ZIP 다운로드 버튼이 표시됩니다.

에이전트 내보내기

나중에 다음 실습을 시작할 때 가져올 수 있도록 에이전트를 ZIP 파일로 내보냅니다. 이렇게 하면 지금까지 구성한 인텐트와 항목을 재사용할 수 있습니다.

1. 왼쪽 메뉴의 에이전트 이름 옆에 있는 설정 톱니바퀴 ⚙ 아이콘을 클릭합니다.

2. 설정 페이지가 열리면 내보내기 및 가져오기 탭으로 이동합니다.

3. ZIP으로 내보내기를 클릭합니다. 그러면 에이전트가 로컬 ZIP 파일로 다운로드됩니다.

수고하셨습니다

Firestore에서 예약 항목을 조회하고 저장할 수 있도록 가상 에이전트에 컨텍스트를 추가하고 fulfillment를 설정했습니다.

Google Cloud 교육 및 자격증

Google Cloud 기술을 최대한 활용하는 데 도움이 됩니다. Google 강의에는 빠른 습득과 지속적인 학습을 지원하는 기술적인 지식과 권장사항이 포함되어 있습니다. 기초에서 고급까지 수준별 학습을 제공하며 바쁜 일정에 알맞은 주문형, 실시간, 가상 옵션이 포함되어 있습니다. 인증은 Google Cloud 기술에 대한 역량과 전문성을 검증하고 입증하는 데 도움이 됩니다.

설명서 최종 업데이트: 2024년 7월 19일

설명서 최종 테스트: 2024년 7월 19일

Copyright 2024 Google LLC All rights reserved. Google 및 Google 로고는 Google LLC의 상표입니다. 기타 모든 회사명 및 제품명은 해당 업체의 상표일 수 있습니다.