【问题标题】:How to embed instagram profile?如何嵌入 Instagram 个人资料?
【发布时间】:2016-07-29 18:19:01
【问题描述】:

我已经找到了数百种将 instagram 图库嵌入网站的方法,但我需要的是嵌入整个个人资料,t.i.例如,如果您查看此个人资料:https://www.instagram.com/exampleprofile/ 有个人资料图片、关于、标题和关注按钮。

如何嵌入带有此标题信息的配置文件,而不仅仅是其图库中的图像?有没有可能?

【问题讨论】:

    标签: php iframe embed instagram instagram-api


    【解决方案1】:

    正确的方法是使用 API。 您可以通过此端点获取用户信息:

    https://www.instagram.com/developer/endpoints/users/#get_users

    【讨论】:

    • 仅供参考:这实际上是一个旧版 API
    【解决方案2】:

    实际上,没有直接的方法可以做到这一点,您需要:

    1. 创建 Instagram 客户端应用程序

    2. 获取您的客户详细信息

    3. 认证

    1.创建 Instagram 客户端应用程序

    你必须创建自己的Instagram应用here

    2。获取您的客户详细信息

    在您的 Instagram 开发者帐户中,点击“管理客户”并记下“客户 ID”、“客户密码”和“重定向 URI”,因为您很快就会需要它们。确保为重定向 URI 使用完整的 URL,例如“https://drupal.org”。

    3.验证

    3.a 使用 CURL 首先,将其添加到您的浏览器中:

    https://api.instagram.com/oauth/authorize/?client_id=YOUR-CLIENT-ID&redirect_uri=YOUR RED​​IRECT-URI&response_type=code&scope=public_content 请注意,上面的 REDIRECT-URI 应该是 URL 编码的,例如 https%3A%2F%2Fdrupal.org。

    然后您将被重定向到您重定向到的网址。记下 url,因为这是您收到所需代码的地方:

    http://your-redirect-uri?code=YOU-NEED-THIS-CODE
    

    现在打开您的终端并粘贴(添加您的特定 id、秘密、重定向 uri 和代码):

    curl -F 'client_id=YOUR CLIENT_ID HERE' \
    -F 'client_secret=YOUR CLIENT_SECRET HERE' \
    -F 'grant_type=authorization_code' \
    -F 'redirect_uri=YOUR AUTHORIZATION_REDIRECT_URI HERE' \
    -F 'code=THE CODE YOU RECEIVED' \
    https://api.instagram.com/oauth/access_token
    

    您应该会收到如下所示的内容:

    {
    "access_token": "fb2e77d.47a0479900504cb3ab4a1f626d174d2d",
    "user": {
        "id": "1574083",
        "username": "snoopdogg",
        "full_name": "Snoop Dogg",
        "profile_picture": "..."
    }
    }
    

    3.b 使用浏览器 构建以下网址并将其粘贴到您的浏览器:

    https://api.instagram.com/oauth/authorize/?client_id=[your client id]&redirect_uri=[your redirect uri]&response_type=token
    

    您可能会看到以下错误“隐式身份验证已禁用”。如果是这样,那么您必须编辑您的 Instagram 客户端,转到“安全”选项卡,并禁用选项禁用隐式 OAuth,您可以在到达以下点后重新启用它。

    如果一切顺利,您应该会被重定向到如下所示的 URI

    https://my_redirect.uri/#access_token=xxxxxxxxxx.yyyyyyy.zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
    

    在 access_token 键上,“x”部分(都在第一个句点之前)是您的用户 ID。

    4.为 Instagram API 创建请求,然后解析响应对象

    https://api.instagram.com/v1/users/xxxxxxxxxx/media/recent/?access_token=xxxxxxxxxx.yyyyyyy.zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
    

    Instagram API:https://www.instagram.com/developer/endpoints/users/#get_users

    来源:https://www.drupal.org/node/2746185

    【讨论】:

    • 很遗憾,Instagram API 自 2018 年 12 月起已被弃用;这将不再起作用。
    【解决方案3】:

    您可以使用新的 Facebook Graph API 执行此操作: https://developers.facebook.com/docs/instagram-basic-display-api/reference/media

    您需要一个具有应用程序和 Instagram“基本显示”权限的开发者帐户。从那里开始,Omar Alahmed's answer 的大部分内容仍然适用,包括通过 OAuth 在https://api.instagram.com 进行授权(API 的这一部分未被弃用)。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多