Platform
Instagramにサインアップする
8 分
instagram oauth チュートリアル はじめに instagram oauth は、ユーザーが oauth を通じて instagram アカウントを使用してアプリにサインインできるようにします。 前提条件 このチュートリアルを完了するには、次のものが必要です: back4app で作成されたアプリ 「 新しいアプリを作成するチュートリアル 」を参照して、back4app でアプリを作成する方法を学んでください。 back4app アプリのサブドメインを設定する 「 web ホスティングとライブクエリの有効化 」を参照して、back4app でサブドメインを作成する方法を学んでください。 「 instagram 開発者アカウント 」が必要です。 1 新しい back4app アプリを作成する まず、back4app に既存のアプリが作成されていることを確認する必要があります。ただし、新しいユーザーの場合は、 このチュートリアル https //www back4app com/docs/get started/new parse app を確認して、アプリを作成する方法を学んでください。 2 新しい instagram アプリクライアントを作成する instagram 開発者アカウントにログインし、開発者としてサインアップします。 ウェブサイト、電話番号、アプリの説明を入力します。手続きを進めるために、利用規約に同意してください。 概要に移動します。 アプリケーションを登録する アプリケーションを登録する 新しいクライアントを登録する 新しいクライアントを登録する アプリケーション名 アプリケーション名 , 説明 説明 , 会社名 会社名 , ウェブサイトのurl ウェブサイトのurl , リダイレクトuri リダイレクトuri , プライバシーポリシーのurl プライバシーポリシーのurl , と 連絡先メール 連絡先メール 有効なリダイレクトuri 有効なリダイレクトuri , アクセストークンを取得するだけの場合は、そのままにしておくことができます。 そうでなければ、リダイレクト用に本番uriを使用する必要があります。 この時点で、以下の画像のようなクライアントを持っているはずです。 「 管理 管理 」をクリックし、「 セキュリティ セキュリティ 」タブの下で、「 暗黙のoauthを無効にする 暗黙のoauthを無効にする 」のチェックを外します。 3 トークンを取得する 「 リダイレクトuri リダイレクトuri 」を「 localhost localhost 」のままにしている場合、トークンを取得する方法は2つあります。 最初の方法は、お好みのブラウザを使用して、次のurlにアクセスすることです https //api instagram com/oauth/authorize/?client id=client id\&redirect uri=redirect uri\&response type=code https //api instagram com/oauth/authorize/?client id=client id\&redirect uri=redirect uri\&response type=code 「 client id client id 」と「 redirect uri redirect uri 」を新しく作成したクライアントから取得した値に置き換えてください。 これにより無効なページにリダイレクトされますが、urlにアクセストークンが表示されます そのようなトークンを取得する別の方法は、次のcurlコマンドを実行することです。「 client id client id 」、「 client secret client secret 」、「 redirect uri redirect uri 」をあなたの値に置き換えます 1 curl \\ f 'client id=client id' \\ 2 f 'client secret=client secret' \\ 3 f 'grant type=authorization code' \\ 4 f 'redirect uri=redirect uri' \\ 5 f 'code=code' \\ 6 https //api instagram com/oauth/access token そのコマンドは、あなたのアクセストークンも出力します。 4 開発を開始する instagramでのサインインが設定されたので、認証のために取得したアクセストークンを渡して開発プロセスを開始できます。 authdataのフォーマットは次のとおりです 1 { 2 "instagram" { 3 "id" "user's instagram id (string)", 4 "access token" "an authorized instagram access token for the user" 5 } 6 } こちらがios sdkのメソッドです 1 pfuser loginwithauthtype(inbackground "instagram", authdata \["access token"\ tokenstring, "id" user]) continuewith { task > any? in 2 3 } そして、こちらがandroid sdkのためのものです 1 map\<string, string> authdata = new hashmap\<string, string>(); 2 authdata put("access token", tokenstring); 3 authdata put("id", user); 4 parseuser loginwithinbackground("instagram", authdata){ 5 6 }