2
1

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.

初心者でも簡単!SNS認証を実装(API側(Faceboook)の設定編)

Last updated at Posted at 2020-03-06

はじめに

今回はAPI側(Faceboook)の設定をしていきますね。

そもそもAPIとはなんですかという話なのですが、

「API」とは、「Application Programming Interface」の略で簡単にいうと、
「「アプリケーション」と「プラグラム」を繋ぐもの」という認識でいいと思います。(間違っていたら教えてね(笑))

今回は「Facebook」とプログラムを繋ぐ設定をしていきます。

API側の設定

では、やっていきましょう。

まず、
https://developers.facebook.com/
にアクセスします。
アクセスしたら、facebookへログイン後、ナビバーの[マイアプリ]メニューをクリックし、[新しいアプリを追加する]をクリックすると、以下フォームが表示されます。

表示されたら以下に従い、アプリ名とメールアドレスを記入し、記入し終えたら[アプリIDを作成してください]をクリックします。
スクリーンショット 2020-03-06 21.49.42.png

画面左の[設定]を選択し[ベーシック]をクリックします。すると[アプリID]と[app secret]がそれぞれ記載されてるページに移動します。両方とも後で使います。コピーしてメモ帳などに記載しましょう。

スクリーンショット 2020-03-06 22.15.05.png

画面下にスクロールし、[プラットフォームを追加]をクリックしてください。すると以下のような画面が表示されますので、[ウェブサイト]の欄を選択しましょう。

スクリーンショット 2020-03-06 22.20.44.png

以下のような入力欄が表示されますので、[サイトURL]の部分に自分のアプリのURLもしくはローカル環境なら、http://localhost:3000/を記入し[変更を保存]をクリックします。

スクリーンショット 2020-03-06 22.30.47.png

以上でFacebookの開発者サイト上の設定は終了です。

次回はGoogleのAPI側設定を投稿します!!

2
1
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
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?