ino-akiのブログ

ITエンジニアを目指して学習したことをアウトプットするブログ

SNSアカウントでログインする機能 外部APIの設定

「メールアドレス」「Facebook」「Google」の3種類によるユーザー登録ができるミニアプリを作成

 

・外部APIの設定
・メールアドレスでのログイン機能
SNS認証でログイン

 

FacebookGoogleの外部APIをそれぞれ設定

Facebookの設定

Facebook(Meta)の開発者用画面でアプリを作成

Meta for developersにアクセス

初回アクセス時はログイン

右上マイアプリをクリック

アプリを作成をクリック

アプリの種類を選択する画面で「その他」を選択、次へ

アプリタイプの一覧で「なし」を選択、次へ

アプリ名の入力欄に今回は「sns」と入力、アプリ作成クリック

メニューから、「アプリの設定」「ベーシック」を選択

画面に表示されている「アプリID」「app secret」を以後の開発で使用する

app secretは初期状態では非表示なので「表示」をクリック

acc secretが表示されたら、「アプリID」および「app secret」をメモ帳などにコピーしておく

画面をスクロールして、「プラットフォームを追加」をクリック

ダイアログが表示されたら、「Website」を選択、次へ

サイトURL欄にhttp://localhost:3000と入力

入力できたら「変更を保存」をクリック

Googleでも同じような設定を行う