5
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

[API][YouTube][序章]YouTubeAPIをアプリで使用する為の準備

Last updated at Posted at 2020-03-08

##前置き##
YouTubeAPIを使用してクリエイターの情報の取得方法を解説していきます!
と言いたいところですが、一記事に全て書くとなるとかなり冗長になるので、今回は第一弾としてYouTubeAPIを使用する為の前段階を解説していきます。
自作アプリでYouTuberのチャンネル登録者数や視聴回数、最新の動画などを使いたい!
という方は是非見ていってください。
最後に続編のリンクを貼っておきますので、よろしくお願い致します。

##APIキーの作成##
スクリーンショット 2020-03-08 13.29.01.png

ではまず、Google Cloud Platformにアクセスし新しいプロジェクトを作成します。

スクリーンショット 2020-03-08 13.35.18.png そしてYouTube Data API v3を有効にします。 スクリーンショット 2020-03-08 13.55.48.png

するとこの画面が出てくるので認証情報を追加しましょう。
スクリーンショット 2020-03-08 13.58.12.png
APIを呼び出す場所はJavaScriptでお願いします。
この通りに入力したら[必要な認証情報]をクリックして[完了]ボタンを押しましょう。
完了したらOAuth同意画面に移行します。

##OAuthクライアントIDの作成##
スクリーンショット 2020-03-08 14.06.13.png

G Suiteユーザーではないため外部ユーザーに対してのみアプリを使用可能にできます。とメッセージが出るので、外部で作成しましょう。
OAuthの同意確認を済ませ、認証情報を作成していきます。

スクリーンショット 2020-03-08 14.10.43.png OAuthクライアントIDをクリックしてください。 スクリーンショット 2020-03-08 14.15.35.png 私は今回localhost:3000で実装しているので、ドメインは各自で変更してください。 入力が完了したら[作成]ボタンをクリックしてください。 スクリーンショット 2020-03-08 14.19.01.png これでAPIキーとクライアントIDの作成が完了しました。 一旦終わります。

次章:Googleアカウント認証

5
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?