Fork me on GitHub

ins社交登录

第一步创建ins和facebook账号省略

第 2 步:配置 Instagram 基本显示

点击产品,找到 Instagram 基本显示产品,然后点击设置,将其添加至您的应用。

滚动到页面底部,然后点击创建新应用

第 3 步:添加 Instagram 测试用户

导航至身份 > 身份,然后向下滚动至“Instagram 测试者”部分。点击添加 Instagram 测试者,然后输入您 Instagram 帐户的昵称并发送邀请。

打开新的网页浏览器,前往 www.instagram.com 并登录您刚刚邀请的 Instagram 帐户。导航至(个人主页图标)编辑个人主页 > 应用和网站 > 测试者邀请并接受邀请。

现在,您的 Facebook 应用可以在处于开发模式时访问您的 Instagram 帐户。

第 4 步:验证测试用户

在下方构建授权窗口网址,使用您 Instagram 应用的编号(应用面板 > 产品 > Instagram > 基本显示 > Instagram 应用编号栏)替换 {app-id},然后使用您在第 2 步中提供的网站网址(“有效的 OAuth 重定向 URI”)来替换 {redirect-uri}。网址必须完全相同。

https://api.instagram.com/oauth/authorize

?client_id={app-id}

&redirect_uri={redirect-uri}

&scope=user_profile,user_media

&response_type=code

例如:

https://api.instagram.com/oauth/authorize

?client_id=这块填的的是自己的ins应用编号

&redirect_uri=https:重定向的url一般设置自己网站的接口

&scope=user_profile,user_media

&response_type=code

irect_uri

收到一个code码

打开新的浏览器窗口,然后加载授权窗口网址。其中应该会显示您的 Instagram 用户的名称、应用名称以及对应用正在请求的权限的描述。

登录授权窗口验证您的 Instagram 测试用户,然后点击授权,向您的应用授予访问个人主页数据的权限。成功后,该页面会将您重定向至您在上一步中添加的重定向 URI,并附上授权码。例如:

https://socialsizzle.herokuapp.com/auth/?code=AQDp3TtBQQ...#

第 5 步:使用代码交换口令

打开支持 cURL 请求的命令行工具或应用,然后向 API 发送以下 POST 请求。

使用您的 Instagram 应用编号、Instagram 应用密钥、重定向 URI,以及我们发送给您的代码替换 {app-id}、{app-secret}、{redirect-uri} 和 {code}。如果应用面板已在您配置 Instagram 应用时添加了重定向 URI,请确保其与您在上一步中指定的 URI 完全匹配。

成功后,API 将返回 JSON 编码对象,其中包括短期的 Instagram 用户访问口令(1 小时有效)以及您的 Instagram 测试用户编号:

{

    "access_token": "IGQVJXOFUtSVVZAdDZASeVNrbnZAWX3lBYXVackZACbmc1RWJrdlQ1Q2phMHBubkZAnQ3V3ZA21MM2VmRWpUOWxsWmFZAMXN1eTJheVJMRVI1elhmVUJ6MWw0WDAxV1liaExSaHNhRHEwcGtrNkYtQ3dWTnE3QnAwYVVKUHdBWnJF",

    "user_id": 17841455107395995

}

步骤 6:查询用户节点

使用命令行工具或应用,以及下方的 cURL 请求,查询您用户编号和用户名的用户节点。使用您在上一步中收到的编号和访问口令替换 {user-id} 和 {access-token}。

成功后,API 将回复您的 Instagram 用户编号和用户名:

{

    "id": "5587572874634758",

    "username": "waa20000219"

}

拿到信息后可自行扩展,可以判断用户之前注册没注册,没有注册进行注册,至此一个简单的社交登录就完结了。。。

posted @ 2023-07-11 09:52  风をした  阅读(652)  评论(0)    收藏  举报