如何嵌入Instagram个人资料?

时间:2016-04-08 13:06:38

标签: php iframe embed instagram instagram-api

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

如何使用此标题信息嵌入配置文件以及其图库中的图像?它甚至可能吗?

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

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

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

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

  3. 身份验证

  4. <强> 1。创建Instagram客户端应用程序

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

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

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

    第3。认证

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

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

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

    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 ,一旦你到达以下点就可以启用它。

    如果一切顺利,您应该被重定向到看起来像这样的

    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

答案 2 :(得分:1)

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

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