2
3

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 5 years have passed since last update.

【Vue.js】Vue.jsで使う為のYouTube動画検索「YouTube Data API v3」のAPIキー取得

Last updated at Posted at 2019-10-20

環境メモ
⭐️Mac OS Mojave バージョン10.14
⭐️Firebase Hosting
⭐️Vue CLI v4.0.4

↓↓実際に動かしてみた動画
https://twitter.com/nonnonkapibara/status/1185956946630692864

YouTubeの動画検索を行うには、Googleアカウントで「YouTube Data API v3」のAPIキーを取得します。
Googleアカウントでログイン後、下記のAPIライブラリページを開きます
https://console.developers.google.com/apis/library

vue001.png

「YouTube Data API v3」を選択し、有効にします。
vue002.png

vue003.png

ライブラリの「作成」を選択する

vue004.png

新しいプロジェクトを作成する

プロジェクト名を入力して「作成」ボタンを押す

vue005.png

ダッシュボードが開く

ダッシュボードが開くので「認証情報を作成」ボタンを押す
https://console.developers.google.com/apis/dashboard
vue006.png

APIキーを選択する

vue007.png

APIキーができる。

キーを制限を選択する

vue008.png

APIの制限をかける

vue009.png vue010.png vue011.png

YuTubeのAPIの詳細は、下記に記載しています。

YouTubeData API
https://developers.google.com/youtube/v3/docs/search/list

スクリーンショット 2019-10-21 0.38.34.png
2
3
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
2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?