Node.js クイックスタート

Google Slides API にリクエストを行う Node.js コマンドライン アプリケーションを作成します。

クイックスタートでは、Google Workspace API を呼び出すアプリを設定して実行する方法について説明します。このクイックスタートでは、テスト環境に適した簡素化された認証方法を使用します。本番環境では、アプリに適したアクセス認証情報を選択する前に、 認証と認可 について学習することをおすすめします。

このクイックスタートでは、Google Workspace が推奨する API クライアント ライブラリを使用して、認証と認可フローの詳細を処理します。

目標

  • 環境をセットアップする。
  • クライアント ライブラリをインストールする。
  • サンプルをセットアップする。
  • サンプルを実行する。

前提条件

このクイックスタートを実行するには、次の前提条件を満たす必要があります。

  • Google アカウントがある。

環境の設定

このクイックスタートを完了するには、環境をセットアップします。

API を有効にする

Google API を使用する前に、Google Cloud プロジェクトで API を有効にする必要があります。1 つの Google Cloud プロジェクトで 1 つ以上の API を有効にできます。

このクイックスタートを完了するために新しい Google Cloud プロジェクトを使用する場合は、OAuth 同意画面を構成します。Cloud プロジェクトでこの手順をすでに完了している場合は、次のセクションに進んでください。

  1. Google API Console で、メニュー アイコン menu > [Google Auth platform] > [Branding] に移動します。

    [Branding] に移動

  2. Google Auth Platform をすでに構成している場合は、[Branding]、[Audience]、および [Data Access] で次の OAuth 同意画面の設定を構成できます。[Google Auth platform not configured yet] というメッセージが表示されたら、[Get Started] をクリックします。
    1. [App Information] の [App name] に、アプリの名前を入力します。
    2. [User support email] で、ユーザーが同意について問い合わせる際に使用するサポートのメールアドレスを選択します。
    3. [Next] をクリックします。
    4. [Audience] で [Internal] を選択します。
    5. [Next] をクリックします。
    6. [Contact Information] で、プロジェクトに対する変更の通知を受け取る [Email address] を入力します。
    7. [Next] をクリックします。
    8. [Finish] で、Google API サービスのユーザーデータに関するポリシー を確認し、同意する場合は [I agree to the Google API Services: User Data Policy] を選択します。
    9. [Continue] をクリックします。
    10. [Create] をクリックします。
  3. 現時点では、スコープの追加はスキップできます。 今後、Google Workspace 組織外で使用するアプリを作成する場合は、 [User type] を [External] に変更する必要があります。次に、アプリに必要な認可スコープを追加します。詳細については、 OAuth 同意画面を構成するのガイドをご覧ください。

デスクトップ アプリケーションの認証情報を認可する

エンドユーザーを認証してアプリ内のユーザーデータにアクセスするには、1 つ以上の OAuth 2.0 クライアント ID を作成する必要があります。クライアント ID は、Google の OAuth サーバーで個々のアプリを識別するために使用します。アプリが複数のプラットフォームで実行される場合は、プラットフォームごとに個別のクライアント ID を作成する必要があります。
  1. Google API Console で、メニュー アイコン Menu > [Google Auth platform] > [Clients] に移動します。

    [Clients] に移動

  2. [Create Client] をクリックします。
  3. [Application type] > [Desktop app] をクリックします。
  4. [Name] フィールドに、認証情報の名前を入力します。この名前は Google API Console にのみ表示されます。
  5. [Create] をクリックします。

    新しく作成した認証情報が [OAuth 2.0 クライアント ID] に表示されます。

  6. ダウンロードした JSON ファイルを credentials.json として保存し、 ファイルを作業ディレクトリに移動します。

クライアント ライブラリをインストールする

  • npm を使用してライブラリをインストールします。

    npm install googleapis@105 @google-cloud/local-auth@2.1.0 --save
    

サンプルのセットアップ

  1. 作業ディレクトリに index.js という名前のファイルを作成します。

  2. ファイルに次のコードを貼り付けます。

    slides/quickstart/index.js
    import path from 'node:path';
    import process from 'node:process';
    import {authenticate} from '@google-cloud/local-auth';
    import {google} from 'googleapis';
    
    // The scope for reading presentations.
    const SCOPES = ['https://www.googleapis.com/auth/presentations.readonly'];
    // The path to the credentials file.
    const CREDENTIALS_PATH = path.join(process.cwd(), 'credentials.json');
    
    /**
     * Prints the number of slides and elements in a sample presentation.
     * @see https://docs.google.com/presentation/d/1EAYk18WDjIG-zp_0vLm3CsfQh_i8eXc67Jo2O9C6Vuc/edit
     */
    async function listSlides() {
      // Authenticate with Google and get an authorized client.
      const auth = await authenticate({
        scopes: SCOPES,
        keyfilePath: CREDENTIALS_PATH,
      });
    
      // Create a new Slides API client.
      const slidesApi = google.slides({version: 'v1', auth});
      // Get the presentation data.
      const result = await slidesApi.presentations.get({
        presentationId: '1EAYk18WDjIG-zp_0vLm3CsfQh_i8eXc67Jo2O9C6Vuc',
      });
      const slides = result.data.slides;
      if (!slides || slides.length === 0) {
        console.log('No slides found.');
        return;
      }
      // Print the number of slides.
      console.log('The presentation contains %s slides:', slides.length);
      // Print the number of elements in each slide.
      (result.data.slides ?? []).forEach((slide, i) => {
        console.log(
          `- Slide #${i + 1} contains ${
            slide?.pageElements?.length ?? 0
          }} elements.`,
        );
      });
    }
    await listSlides();

サンプルの実行

  1. 作業ディレクトリでサンプルを実行します。

    node .
    
  1. サンプルを初めて実行すると、アクセス権の認可を求めるメッセージが表示されます。
    1. Google アカウントにまだログインしていない場合は、ログインを求めるメッセージが表示されたらログインします。複数のアカウントにログインしている場合は、認可に使用するアカウントを 1 つ選択します。
    2. [Accept] をクリックします。

    Node.js アプリケーションが実行され、Google Slides API が呼び出されます。

    認可情報はファイル システムに保存されるため、次回サンプル コードを実行するときに認可を求めるメッセージは表示されません。

次のステップ