如何在自己的项目中添加Instagram登录按钮？

• Meta已将旗下所有社交产品的开放能力统一整合到Meta开发者平台，原Instagram独立的登录开发文档已全面下线，单独搜索Instagram登录的独立指引自然找不到对应内容
• 目前Instagram登录仅开放给完成企业/商业身份认证的应用接入，个人非商业类项目无公开的专项接入路径，官方也未面向个人用户开放对应的接入文档

• 注册Meta开发者账号并完成企业身份认证，创建类型为「消费者」的新应用，在应用的产品列表中找到「Instagram登录」，添加到你的应用配置项中
• 配置OAuth重定向URI，该地址必须和后续代码调用时传入的回调地址完全匹配，仅支持公网可访问的HTTPS域名，不支持localhost等本地测试地址
• 提交接口权限申请，基础登录功能只需申请instagram_basic、pages_show_list两个权限，如需获取用户邮箱可额外申请email权限，提交审核时需要上传应用场景说明、登录流程操作录屏等材料
• 前端登录按钮按照OAuth 2.0标准流程拼接授权请求地址，参数包含应用ID、申请的权限列表、重定向地址、响应类型设置为code，用户完成授权后会自动回调到你配置的地址，带回授权code参数
• 后端拿到授权code后，向Meta的OAuth接口请求access_token，再通过有效token调用Instagram用户信息接口，获取用户公开的头像、ID、昵称等基础信息，和你项目的用户体系做关联即可完成登录流程

• 未完成权限审核的应用仅支持测试账号登录调试，测试账号需要提前在应用控制台的「测试用户」列表中添加绑定
• 所有涉及应用密钥、access_token请求的操作必须在服务端完成，禁止在前端直接处理敏感参数，避免应用密钥泄露导致权限被滥用

内容的提问来源于stack exchange，提问作者Taha Sami