YouTube Data APIのOAuth認証を設定する方法|ローカル・テスト環境用【初心者向け】【無料】

eye catching image of how to set up oauth authentication for the youtube data api for local or test IT・AI活用準備
  1. この記事で扱う内容
  2. 前提
    1. 前提知識・前提スキル
    2. 前提環境
  3. OAuth認証とは
  4. YouTube Data APIのOAuth認証を設定する方法
    1. Google Cloud Console公式サイトを開く
    2. YouTube Data APIが有効なプロジェクトが選択されていることを確認する
    3. 画面左上の三本線のアイコンを押す
    4. 左サイドメニューが表示されるため、メニュー内「API と サービス」の「OAuth 同意画面」を押す
    5. 「OAuth の概要」画面が表示されるため、「開始」ボタンを押す
    6. プロジェクト構成の各種情報を入力・設定する
    7. 「OAuth の概要」画面で、「OAuth クライアントを作成」ボタンを押す
    8. 「OAuth クライアント ID の作成」画面が表示されるため、「アプリケーションの種類」プルダウンで使用用途に合う選択肢を選ぶ
    9. 「アプリケーションの種類」プルダウンで「デスクトップ アプリケーション」を選んだ場合
      1. 「名前」テキストボックスが表示されるため、任意の名前を入力し、「作成」ボタンを押す
      2. 「OAuth クライアントを作成しました」ダイアログが表示されるため、「クライアントID」を任意の方法で取得し、「OK」リンクを押す
      3. 「クライアント」画面が表示される
    10. 「アプリケーションの種類」プルダウンで「ウェブ アプリケーション」を選んだ場合
      1. 「名前」テキストボックスや「承認済みの JavaScript 生成元」エリア、「承認済みのリダイレクト URI」エリアが表示されるため、それぞれ任意の値を入力・設定し、「作成」ボタンを押す
      2. 「OAuth クライアントを作成しました」ダイアログが表示されるため、「クライアントID」および「クライアント シークレット」を任意の方法で取得し、「OK」リンクを押す
      3. 「クライアント」画面が表示される
    11. 左サイドメニューの「対象」を押す
    12. 「対象」画面が表示されるため、テストユーザーエリアにある「Add users」ボタンを押す
    13. 「ユーザーを追加」右サイドメニューが表示されるため、テキストボックスに追加したいGoogleアカウントのGmailアドレスを入力し、「保存」ボタンを押す
    14. 「対象」画面に戻るため、テストユーザーエリアのユーザー情報一覧に、追加したGoogleアカウントのGmailアドレスが表示されていることを確認する
  5. おすすめの関連記事
  6. 参考

この記事で扱う内容

この記事では、Google Cloud Consoleで「YouTube Data API」のOAuth認証を設定する方法についてご紹介します。

この方法で、ローカル・テスト環境用に、OAuth認証で使う「クライアントID」や「クライアントシークレット」の情報を取得し、アプリ実行用のテストユーザーを登録します。

前提

前提知識・前提スキル

  • ブラウザの基本操作ができる人

ブラウザとは、インターネット上のWebサイトを表示・操作するためのアプリケーションです。

以下が代表的なブラウザです。

  • Microsoft Edge
  • Safari
  • Google Chrome
  • Mozzila FireFox

前提環境

  • PC
  • Googleアカウントが作成済みであること
  • Googleにログイン済みであること
  • Google Cloud ConsoleでYouTube Data APIが有効なプロジェクトが存在すること

OAuth認証とは

OAuth認証とは、ユーザーが自分のIDやパスワードを直接渡さずに、あるアプリに別のアプリのデータ利用を安全に許可する仕組みです。

(この許可のことを「認可」とも言います)

YouTube Data APIでは「OAuth 2.0」による認証をサポートしており、これは、OAuthの新しい規格で、より安全で柔軟に「誰が・どんな範囲で」サービスにアクセスできるかをコントロールできるようになっています。

YouTube Data APIのOAuth認証を設定する方法

YouTube Data APIのOAuth認証を設定する方法のアイキャッチ画像

この例では、ブラウザは「Google Chrome」を使用しています。

Google Cloud Console公式サイトを開く

YouTube Data APIが有効なプロジェクトが選択されていることを確認する

適切なプロジェクトが選択されていない場合は、画面左上のプロジェクト選択プルダウンで、YouTube Data APIが有効なプロジェクトを選択してください。

画面左上の三本線のアイコンを押す

左サイドメニューが表示されるため、メニュー内「API と サービス」の「OAuth 同意画面」を押す

「OAuth の概要」画面が表示されるため、「開始」ボタンを押す

プロジェクト構成の各種情報を入力・設定する

以下は例です。

「OAuth の概要」画面で、「OAuth クライアントを作成」ボタンを押す

「OAuth クライアント ID の作成」画面が表示されるため、「アプリケーションの種類」プルダウンで使用用途に合う選択肢を選ぶ

この記事では、「デスクトップ アプリケーション」と「ウェブ アプリケーション」を選んだ場合の設定方法について、ご紹介します。

「アプリケーションの種類」プルダウンで「デスクトップ アプリケーション」を選んだ場合

「名前」テキストボックスが表示されるため、任意の名前を入力し、「作成」ボタンを押す

「OAuth クライアントを作成しました」ダイアログが表示されるため、「クライアントID」を任意の方法で取得し、「OK」リンクを押す

「クライアントID」は、テキストをコピーして取得する方法と、JSONファイルとしてダウンロードして取得する方法があります。

「クライアント」画面が表示される

「アプリケーションの種類」プルダウンで「ウェブ アプリケーション」を選んだ場合

「名前」テキストボックスや「承認済みの JavaScript 生成元」エリア、「承認済みのリダイレクト URI」エリアが表示されるため、それぞれ任意の値を入力・設定し、「作成」ボタンを押す

「承認済みの JavaScript 生成元」は、ブラウザ(JavaScriptなどのフロントエンド)から直接OAuth認証するアプリの場合に、悪意のあるサイトなどからOAuth認証させないようにするために設定するところだと考えれば良いと思います。

フィッシングサイトなどのなりすましドメインから、アクセスを防止するために使うことになるでしょう。

「承認済みのリダイレクト URI」は、サーバーで動くアプリ(バックエンド)・ブラウザで動くアプリ(フロントエンド)のどちら側から認証するかに関わらず、必ず設定するところだと考えれば良いと思います。

OAuth認証後の認証情報の窃盗・漏洩を防止するために使うことになるでしょう。

「OAuth クライアントを作成しました」ダイアログが表示されるため、「クライアントID」および「クライアント シークレット」を任意の方法で取得し、「OK」リンクを押す

「クライアントID」および「クライアント シークレット」は、テキストをコピーして取得する方法と、JSONファイルとしてダウンロードして取得する方法があります。

「クライアント」画面が表示される

左サイドメニューの「対象」を押す

「対象」画面が表示されるため、テストユーザーエリアにある「Add users」ボタンを押す

「ユーザーを追加」右サイドメニューが表示されるため、テキストボックスに追加したいGoogleアカウントのGmailアドレスを入力し、「保存」ボタンを押す

「対象」画面に戻るため、テストユーザーエリアのユーザー情報一覧に、追加したGoogleアカウントのGmailアドレスが表示されていることを確認する

画面にも記載されていますが、公開ステータスが「テスト中」に設定されている間は、テストユーザーのみがアプリにアクセスできます。

「アプリを公開」し、アプリの公開ステータスを「本番環境」に設定すると、Google アカウントを持つすべてのユーザーがアプリを利用できるようになります。

おすすめの関連記事

参考

タイトルとURLをコピーしました