javascript - 三方使用支付宝登录，内嵌iframe问题？

Question

https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app...商户的APPID&scope=auth_user&redirect_uri=回调url,这个支付宝登录链接内嵌iframe中会显示完整的一个页面
还包括账密登录，支付宝登录没有类似于微信三方登录的生成二维码吗？

Answer 1

在支付宝的第三方登录流程中，确实没有直接生成二维码进行扫码登录的方式，这与微信等其他平台的登录方式有所不同。支付宝的OAuth 2.0授权登录通常是通过URL重定向来实现的，即用户点击登录按钮后，页面会重定向到支付宝的授权页面（如你提供的链接所示），用户在该页面上输入支付宝账号和密码进行登录，并授权给第三方应用。

对于你提到的内嵌iframe中显示完整页面的问题，这通常是因为支付宝的登录页面可能包含了X-Frame-Options等HTTP响应头，这些响应头用于控制页面是否可以在<iframe>、<frame>、<embed>或<object>中展示。如果X-Frame-Options设置为SAMEORIGIN或DENY，那么页面将无法在iframe中正常显示。

为了解决这个问题，你可以考虑以下几种方案：

1. 不使用iframe：直接通过重定向的方式让用户跳转到支付宝的登录页面，登录后再跳转回你的应用。这是最常见的做法，也是支付宝官方推荐的方式。
2. 与支付宝客服或技术支持联系：询问是否有可能为你的应用提供特定的配置或权限，以便能够在iframe中展示登录页面。但请注意，这通常不是标准做法，可能无法获得支持。
3. 使用其他方式实现登录：如果iframe的使用是出于用户体验的考虑（例如，保持页面的一部分不刷新），你可以考虑使用其他方式（如AJAX、WebSocket等）与后端服务器通信，由后端处理与支付宝的OAuth流程，并只将最终结果返回给前端页面。
4. 自定义登录页面：在你的应用中创建一个自定义的登录页面，用户在该页面上点击支付宝登录按钮后，通过JavaScript触发新窗口或标签页打开支付宝的登录页面。登录完成后，用户将被重定向回你的应用，并可以在新窗口或标签页中关闭支付宝的登录页面。

总之，由于安全和用户体验的考虑，直接在iframe中嵌入支付宝的登录页面可能不是一个可行的方案。你应该考虑使用上述其他方法来实现支付宝的第三方登录功能。