Instagramにサインアップする
8 分
instagram oauth チュートリアル はじめに instagram oauth は、ユーザーが oauth を通じて instagram アカウントを使用してアプリにサインインできるようにします。 前提条件 このチュートリアルを完了するには、次のものが必要です: back4app で作成されたアプリ 「 新しいアプリを作成するチュートリアル https //www back4app com/docs/get started/new parse app 」を参照して、back4app でアプリを作成する方法を学んでください。 back4app アプリのサブドメインを設定する 「 web ホスティングとライブクエリの有効化 https //www back4app com/docs/platform/activating web hosting 」を参照して、back4app でサブドメインを作成する方法を学んでください。 「 instagram 開発者アカウント https //developers facebook com/docs/instagram 」が必要です。 1 新しい back4app アプリを作成する まず、back4app に既存のアプリが作成されていることを確認する必要があります。ただし、新しいユーザーの場合は、 このチュートリアル https //www back4app com/docs/get started/new parse app を確認して、アプリを作成する方法を学んでください。 2 新しい instagram アプリクライアントを作成する instagram 開発者アカウントにログインし、開発者としてサインアップします。 ウェブサイト、電話番号、アプリの説明を入力します。手続きを進めるために、利用規約に同意してください。 概要に移動します。 \<font color="#2166ae">アプリケーションを登録する\</font> \<font color="#2166ae">新しいクライアントを登録する\</font> \<font color="#2166ae">アプリケーション名\</font> , \<font color="#2166ae">説明\</font> , \<font color="#2166ae">会社名\</font> , \<font color="#2166ae">ウェブサイトのurl\</font> , \<font color="#2166ae">リダイレクトuri\</font> , \<font color="#2166ae">プライバシーポリシーのurl\</font> , と \<font color="#2166ae">連絡先メール\</font> \<font color="#2166ae">有効なリダイレクトuri\</font> , アクセストークンを取得するだけの場合は、そのままにしておくことができます。 http //localhost そうでなければ、リダイレクト用に本番uriを使用する必要があります。 この時点で、以下の画像のようなクライアントを持っているはずです。 「 \<font color="#2166ae">管理\</font> 」をクリックし、「 \<font color="#2166ae">セキュリティ\</font> 」タブの下で、「 \<font color="#2166ae">暗黙のoauthを無効にする\</font> 」のチェックを外します。 3 トークンを取得する 「 \<font color="#2166ae">リダイレクトuri\</font> 」を「 \<font color="#2166ae">localhost\</font> 」のままにしている場合、トークンを取得する方法は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 「 \<font color="#2166ae">client id\</font> 」と「 \<font color="#2166ae">redirect uri\</font> 」を新しく作成したクライアントから取得した値に置き換えてください。 これにより無効なページにリダイレクトされますが、urlにアクセストークンが表示されます そのようなトークンを取得する別の方法は、次のcurlコマンドを実行することです。「 \<font color="#2166ae">client id\</font> 」、「 \<font color="#2166ae">client secret\</font> 」、「 \<font color="#2166ae">redirect uri\</font> 」をあなたの値に置き換えます 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 }