如何嵌入 Instagram 个人资料？

Posted 2023-03-13

【中文标题】如何嵌入 Instagram 个人资料？

【英文标题】：How to embed instagram profile?

【发布时间】：2016-07-29 18:19:01

【问题描述】：

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

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

【参考方案1】：

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

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

【讨论】：

仅供参考：这实际上是一个旧版 API

【参考方案2】：

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

创建 Instagram 客户端应用程序

获取您的客户详细信息

认证

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 的这一部分未被弃用）。