Google 로그인을 통한 계정 연결

어시스턴트용 Google 로그인은 사용자와 개발자에게 계정 연결과 계정 생성 모두에서 가장 간단하고 쉬운 사용자 환경을 제공합니다. 작업이 대화 중에 사용자 이름, 이메일 주소, 프로필 사진을 포함한 사용자의 Google 프로필에 대한 액세스 권한을 요청할 수 있습니다.

프로필 정보는 작업에서 맞춤설정된 사용자 환경을 만드는 데 사용될 수 있습니다. 다른 플랫폼에 앱이 있고 Google 로그인을 사용하는 경우 기존 사용자 계정을 찾아 연결하고, 새 계정을 만들고, 사용자와 소통할 수 있는 직접 채널을 구축할 수도 있습니다.

Google 로그인을 사용하여 계정 연결을 수행하려면 사용자에게 Google 프로필 액세스에 대한 동의를 요청합니다. 그런 다음 해당 프로필의 정보(예: 이메일 주소)를 사용하여 시스템에서 사용자를 식별합니다.

Google 로그인 계정 연결 구현

다음 섹션의 단계에 따라 작업에 Google 로그인 계정 연결을 추가합니다.

프로젝트 구성

Google 로그인 계정 연결을 사용하도록 프로젝트를 구성하려면 다음 단계를 따르세요.

  1. Actions Console을 열고 프로젝트를 선택합니다.
  2. 개발 탭을 클릭하고 계정 연결을 선택합니다.
  3. 계정 연결 옆에 있는 스위치를 사용 설정합니다.
  4. 계정 만들기 섹션에서 예를 선택합니다.

  5. 연결 유형에서 Google 로그인을 선택합니다.

  6. 고객 정보를 열고 Google에서 작업에 발급한 클라이언트 ID의 값을 기록해 둡니다.

  7. 저장을 클릭합니다.

인증 흐름을 위한 음성 사용자 인터페이스 설계

사용자가 인증되었는지 확인하고 계정 연결 흐름을 시작합니다.

  1. Actions 콘솔에서 Actions Builder 프로젝트를 엽니다.
  2. 작업에서 계정 연결을 시작할 새 장면을 만듭니다.
    1. 장면을 클릭합니다.
    2. add (+) 아이콘을 클릭하여 새 장면을 추가합니다.
  3. 새로 만든 장면에서 조건의 추가 아이콘을 클릭합니다.
  4. 대화와 연결된 사용자가 인증된 사용자인지 확인하는 조건을 추가합니다. 검사에 실패하면 작업이 대화 중에 계정 연결을 실행할 수 없으며 계정 연결이 필요하지 않은 기능에 대한 액세스 권한을 제공하는 것으로 대체됩니다.
    1. 조건의 Enter new expression 필드에 다음 로직을 입력합니다. user.verificationStatus != "VERIFIED"
    2. Transition에서 계정 연결이 필요하지 않은 장면이나 게스트 전용 기능의 진입점인 장면을 선택합니다.

  1. 조건의 추가 아이콘을 클릭합니다.
  2. 사용자에게 연결된 ID가 없는 경우 계정 연결 흐름을 트리거하는 조건을 추가합니다.
    1. 조건의 Enter new expression 필드에 다음 로직을 입력합니다. user.verificationStatus == "VERIFIED"
    2. Transition에서 Account Linking 시스템 장면을 선택합니다.
    3. 저장을 클릭합니다.

저장하면 <SceneName>_AccountLinking라는 새 계정 연결 시스템 장면이 프로젝트에 추가됩니다.

계정 연결 장면 맞춤설정

  1. Scenes(장면)에서 계정 연결 시스템 장면을 선택합니다.
  2. 메시지 보내기를 클릭하고 작업에서 사용자 ID에 액세스해야 하는 이유를 설명하는 짧은 문장을 추가합니다 (예: '환경설정 저장').
  3. 저장을 클릭합니다.

  1. 조건에서 사용자가 계정 연결을 완료한 경우를 클릭합니다.
  2. 사용자가 계정 연결에 동의하는 경우 흐름을 어떻게 진행할지 구성합니다. 예를 들어 웹훅을 호출하여 필요한 맞춤 비즈니스 로직을 처리하고 원래 장면으로 다시 전환할 수 있습니다.
  3. 저장을 클릭합니다.

  1. 조건에서 사용자가 계정 연결을 취소하거나 닫은 경우를 클릭합니다.
  2. 사용자가 계정 연결에 동의하지 않는 경우 흐름을 진행하는 방법을 구성합니다. 예를 들어 확인 메시지를 보내고 계정 연결이 필요하지 않은 기능을 제공하는 장면으로 리디렉션합니다.
  3. 저장을 클릭합니다.

  1. 조건에서 시스템 또는 네트워크 오류가 발생한 경우를 클릭합니다.
  2. 시스템 또는 네트워크 오류로 인해 계정 연결 흐름을 완료할 수 없는 경우 흐름을 진행하는 방법을 구성합니다. 예를 들어 확인 메시지를 보내고 계정 연결이 필요하지 않은 기능을 제공하는 장면으로 리디렉션합니다.
  3. 저장을 클릭합니다.

백엔드의 프로필 정보에 액세스

사용자가 개발자의 작업에 자신의 Google 프로필에 액세스하도록 승인하면, 이후 개발자의 작업에 대한 모든 요청에서 사용자의 Google 프로필 정보가 포함된 Google ID 토큰을 받게 됩니다.

사용자의 프로필 정보에 액세스하려면 먼저 다음을 수행하여 토큰을 검증하고 디코딩해야 합니다.

  1. 언어에 JWT-디코딩 라이브러리를 사용하여 토큰을 디코딩하고 Google의 공개 키 (JWK 또는 PEM 형식으로 제공)를 사용하여 토큰의 서명을 확인합니다.
  2. 토큰의 발급기관 (디코딩된 토큰의 iss 필드)이 https://accounts.google.com이고 대상 (디코딩된 토큰의 aud 필드)이 작업 콘솔에서 프로젝트에 할당된 Google이 내 작업에 발급한 클라이언트 ID 값인지 확인합니다.

다음은 디코딩된 토큰의 예입니다.

{
  "sub": 1234567890,        // The unique ID of the user's Google Account
  "iss": "https://accounts.google.com",        // The token's issuer
  "aud": "123-abc.apps.googleusercontent.com", // Client ID assigned to your Actions project
  "iat": 233366400,         // Unix timestamp of the token's creation time
  "exp": 233370000,         // Unix timestamp of the token's expiration time
  "name": "Jan Jansen",
  "given_name": "Jan",
  "family_name": "Jansen",
  "email": "jan@gmail.com", // If present, the user's email address
  "locale": "en_US"
}

Node.js용 Actions on Google 처리 라이브러리를 사용하면 다음 코드 스니펫과 같이 이 라이브러리가 토큰의 유효성 검사와 디코딩을 처리하고 사용자에게 프로필 콘텐츠에 대한 액세스 권한을 부여합니다.

...
const app = conversation({
  // REPLACE THE PLACEHOLDER WITH THE CLIENT_ID OF YOUR ACTIONS PROJECT
  clientId: CLIENT_ID,
});
...
// Invoked on successful completion of account linking flow, check if we need to
// create a Firebase user.
app.handle('linkAccount', async conv => {
  let payload = conv.headers.authorization;
  if (payload) {
  // Get UID for Firebase auth user using the email of the user
    const email = payload.email;
    if (!conv.user.params.uid && email) {
      try {
        conv.user.params.uid = (await auth.getUserByEmail(email)).uid;
      } catch (e) {
        if (e.code !== 'auth/user-not-found') {
          throw e;
        }
        // If the user is not found, create a new Firebase auth user
        // using the email obtained from Google Assistant
        conv.user.params.uid = (await auth.createUser({email})).uid;
      }
    }
  }
});

데이터 액세스 요청 처리

데이터 액세스 요청을 처리하려면 Google ID 토큰으로 어설션한 사용자가 이미 데이터베이스에 있는지만 확인하면 됩니다. 다음 코드 스니펫은 Firestore 데이터베이스에 사용자의 주문이 이미 있는지 확인하는 방법의 예시를 보여줍니다.

...
app.handle('Place_Order', async conv => {
  const order = conv.session.params.order;
  const userDoc = dbs.user.doc(conv.user.params.uid);
  const orderHistory = userDoc.collection("orderHistory");
  if (orderHistory) {
    // Order history exists, so the user already placed an order.
    // Update counter for order type.
    await orderHistory.doc(order).update({ count: admin.firestore.FieldValue.increment(1)});
  } else {
    // First order they place
    await orderHistory.doc(order).set({ option: order, count: 1});
    options.forEach(opt => {
      if (opt != order) {
        orderHistory.doc(opt).set({ option: opt, count: 0});
      }
    });
  }
  return conv.add(`Your ${order} has been placed. ` +
      'Thanks for using Boba Bonanza, see you soon!');
});