モバイルアプリ用の Instagram および Facebook Graph API の使用を開始する方法

標準ユーザーアクセスのための Instagram API 統合について

バックエンド実装に Node.js を使用して認証し、Instagram Graph API からデータを取得する

// Import required modules
const express = require('express');
const axios = require('axios');
const app = express();
const PORT = 3000;
// Redirect URI for Instagram OAuth
const redirectUri = 'https://your-redirect-uri.com';
const clientId = 'YOUR_CLIENT_ID';
const clientSecret = 'YOUR_CLIENT_SECRET';
// Route to initiate Instagram OAuth
app.get('/auth', (req, res) => {
    const authUrl = `https://api.instagram.com/oauth/authorize` +
        `?client_id=${clientId}` +
        `&redirect_uri=${redirectUri}` +
        `&scope=user_profile,user_media` +
        `&response_type=code`;
    res.redirect(authUrl);
});
// Callback route to handle Instagram OAuth
app.get('/callback', async (req, res) => {
    const { code } = req.query;
    try {
        const tokenResponse = await axios.post(`https://api.instagram.com/oauth/access_token`, {
            client_id: clientId,
            client_secret: clientSecret,
            grant_type: 'authorization_code',
            redirect_uri: redirectUri,
            code
        });
        const { access_token, user_id } = tokenResponse.data;
        res.json({ access_token, user_id });
    } catch (error) {
        res.status(500).send('Error fetching access token');
    }
});
// Start the server
app.listen(PORT, () => console.log(`Server running on http://localhost:${PORT}`));

Instagram の公開プロフィールを取得する

Requests ライブラリで Python を使用して Instagram の公開プロフィール データを取得する

import requests
# Access token obtained through OAuth
ACCESS_TOKEN = 'YOUR_ACCESS_TOKEN'
# Public profile ID to fetch
PROFILE_ID = 'USER_ID'
# Endpoint to fetch user profile data
url = f'https://graph.instagram.com/{PROFILE_ID}?fields=id,username,media_count&access_token={ACCESS_TOKEN}'
try:
    response = requests.get(url)
    response.raise_for_status()
    profile_data = response.json()
    print(profile_data)
except requests.exceptions.RequestException as e:
    print(f'Error: {e}')

単体テストによる API 呼び出しの検証

Jest を使用した Node.js バックエンド エンドポイントのテスト

const request = require('supertest');
const app = require('../app');
describe('Instagram API OAuth', () => {
    it('should redirect to Instagram OAuth URL', async () => {
        const response = await request(app).get('/auth');
        expect(response.status).toBe(302);
        expect(response.header.location).toContain('https://api.instagram.com/oauth/authorize');
    });
    it('should handle callback and fetch access token', async () => {
        const response = await request(app).get('/callback?code=test_code');
        expect(response.status).toBe(200);
        expect(response.body).toHaveProperty('access_token');
    });
});

Instagram Graph API 統合に関するよくある質問

1. Instagram Graph API の使用を開始するにはどうすればよいですか?
2. Facebook 開発者プラットフォームにアプリを登録し、API を設定して使用する必要があります。 /auth ユーザー認証のためのルート。
3. Instagram の標準ユーザー プロフィールにアクセスできますか?
4. はい。ただし、パブリック プロファイルまたは OAuth 中に明示的なアクセス許可を付与するプロファイルのみです。 access_token。
5. これには Instagram ビジネス アカウントが必要ですか?
6. いいえ、パブリック プロファイルへのアクセスにはビジネス アカウントは必要ありませんが、高度な分析情報を得るには ビジネス アカウントが必要です。
7. API 統合に最適なプログラミング言語は何ですか?
8. Node.js、Python、Ruby などの言語は、次のようなライブラリを使用して適切に動作します。 axios または requests API 呼び出しを簡素化します。
9. Instagram データをアプリに表示するにはどうすればよいですか?
10. 次のようなパブリック API エンドポイントを使用します /media JSON 応答を解析して、アプリの UI にデータを効果的に表示します。
11. API 使用量のレート制限は何ですか?
12. 制限は状況によって異なりますが、通常、アプリはユーザー トークンごとに 1 時間あたり最大 200 件のリクエストを行うことができます。
13. Instagram API を使用するとユーザーデータは安全ですか?
14. はい、OAuth トークンにより安全なアクセスが確保され、 https エンドポイントは必須です。
15. API リクエストをローカルでテストできますか?
16. はい、次のようなツールです Postman または、次のようなローカルホスト トンネリング サービスを使用します。 ngrok API 統合を効果的にテストするのに役立ちます。
17. API を使用してどのようなデータにアクセスできますか?
18. 公開プロフィールには、ユーザー名、プロフィール写真、メディア数、およびキャプションや「いいね！」などの個々の投稿の詳細が提供されます。
19. API を使用して Instagram ストーリーを取得できますか?
20. ビジネス アカウントまたはクリエイター アカウントのみ、特定のエンドポイントを介した ストーリー データの取得を許可します。
21. エラー処理は API 統合にとって重要ですか?
22. 絶対に、次のようなコマンド response.raise_for_status() API エラーを検出するにはログ ツールが不可欠です。
23. アクセス トークンを更新またはリフレッシュするにはどうすればよいですか?
24. 可能な場合は有効期間の長いトークンを使用し、更新については、以下を参照してください。 /access_token/refresh エンドポイント。

Instagram API統合の重要なポイント

Instagram Graph API を活用すると、アプリ開発者がパブリック プロフィールの閲覧や厳選されたコンテンツの表示などのインタラクティブな機能を作成できるようになります。 OAuth とエンドポイントを理解することで、これらの機能を統合することは、魅力的なユーザー エクスペリエンスを実現するためのシームレスなプロセスになります。

API レート制限と効率的なデータ キャッシュを計画することで、スケーラビリティとスムーズなパフォーマンスが保証されます。目的地を紹介する旅行アプリであれ、ワークアウトの投稿を同期するフィットネス トラッカーであれ、この知識により、開発者は動的で革新的なアプリケーションを構築できます。 🚀