Platform
Instagram基本表示API設定ガイド: Parseを用いた実装方法

8分
Instagram基本表示APIチュートリアル
はじめに
Instagram基本表示APIは、アプリがInstagramユーザーのプロフィール、画像、動画、アルバムを取得するために使用できるHTTPベースのAPIです。
2019年10月15日以降、Instagram APIプラットフォームでの新しいクライアント登録と権限レビューは、Instagram基本表示APIに代わって中止されており、今後はこの方法を使用する必要があります。
前提条件
このチュートリアルを完了するには、次のものが必要です：
Back4Appで作成されたアプリ
「 新しいアプリを作成するチュートリアル」を参照して、Back4Appでアプリを作成する方法を学んでください。
Back4Appアプリのサブドメインを設定する
「 Webホスティングとライブクエリの有効化」を参照して、Back4Appでサブドメインを作成する方法を学んでください。
「 Instagram開発者アカウント」が必要です。
1 - 新しいBack4Appアプリを作成する
まず、Back4Appで既存のアプリが作成されていることを確認する必要があります。ただし、新しいユーザーの場合は、このチュートリアルを確認して、アプリを作成する方法を学んでください。
2 - 認証ウィンドウを表示する
認証ウィンドウは、アプリユーザーがあなたのアプリに権限を付与し、短期間のInstagramユーザーアクセストークンを取得することを可能にします。ユーザーがログインし、あなたのアプリがアクセスするデータを選択した後、ユーザーをあなたのアプリにリダイレクトし、認証コードを含めます。これを使用して短期間のアクセストークンと交換できます。
プロセスを開始するには、認証ウィンドウを取得し、ユーザーに提示します:
1   https://api.instagram.com/oauth/authorize
2     ?client_id={instagram-app-id}
3     &redirect_uri={redirect-uri}
4     &scope={scope}
5     &response_type=code
6     &state={state}        //オプション
「state」を除くすべてのパラメータは必須です。
認証が成功すると、ユーザーをあなたのredirect_uriにリダイレクトし、コードクエリ文字列パラメータを通じて認証コードを渡します。コードをキャプチャして、あなたのアプリが短期間のInstagramユーザーアクセストークンと交換できるようにします。
認証コードは1時間有効で、一度だけ使用できます。
サンプルの認証コードは次のようになります:
https://myapp.back4app.io/auth/?code=AQBx-hBsH3...#_
注意してください #_ はリダイレクトURIの末尾に追加されますが、コード自体の一部ではないため、削除してください。
3 - トークンを取得する
コードを受け取ったら、次のエンドポイントにPOSTリクエストを送信して短命のアクセストークンと交換します:
1   POST https://api.instagram.com/oauth/access_token
サンプルリクエストは次のようになります:
Curl
1   curl -X POST \
2     https://api.instagram.com/oauth/access_token \
3     -F client_id=990602627938098 \
4     -F client_secret=eb8c7... \
5     -F grant_type=authorization_code \
6     -F redirect_uri=https://socialsizzle.herokuapp.com/auth/ \
7     -F code=AQBx-hBsH3...
1   curl -X POST \
2     https://api.instagram.com/oauth/access_token \
3     -F client_id=990602627938098 \
4     -F client_secret=eb8c7... \
5     -F grant_type=authorization_code \
6     -F redirect_uri=https://socialsizzle.herokuapp.com/auth/ \
7     -F code=AQBx-hBsH3...
﻿
成功したレスポンスは次のようになります:
JSON
1   {
2     "access_token": "IGQVJ...",
3     "user_id": 17841405793187218
4   }
1   {
2     "access_token": "IGQVJ...",
3     "user_id": 17841405793187218
4   }
﻿
4 - 開発を開始する
Instagramでのサインインが設定されたので、取得したアクセストークンを使用して認証のために開発プロセスを開始できます。
AUTHDATAの形式は次のとおりです:
JSON
1   {
2     "instagram": {
3       "id": "user's Instagram id (string)",
4       "access_token": "an authorized Instagram access token for the user"
5     }
6   }
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のメソッドは次のとおりです:
Swift
1   PFUser.logInWithAuthType(inBackground: "instagram", authData: ["access_token":tokenString, "id": user]).continueWith { task -> Any? in
2    
3   }
1   PFUser.logInWithAuthType(inBackground: "instagram", authData: ["access_token":tokenString, "id": user]).continueWith { task -> Any? in
2    
3   }
﻿
そして、Android SDKの場合は次のようになります:
Java
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   }
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   }
﻿
Instagram OAuth設定ガイド：Back4Appを用いた実装方法
Googleでのサインインを実装する方法: デベロッパー向けガイド