如何将身份验证详细信息传递给 iframe 内的应用程序？答案

【问题标题】：How to pass authentication details to application inside iframe?如何将身份验证详细信息传递给 iframe 内的应用程序？
【发布时间】：2020-06-25 04:00:47
【问题描述】：

我有一个网页，想在其中显示 Jenkins 的网页，因此使用了iframe like -

<html>
<head>
    <title>Dashboard</title>
</head>
<body>
    <iframe src="http://xxx.xxx.xx.xx:8080/view/Nightly%20Builds%20/" width="100%" height="100%"></iframe>
</body>
</html>

但http://xxx.xxx.xx.xx:8080/view/Nightly%20Builds%20/ 会打开登录页面，因此无法直接显示内容。其实我想在不登录的情况下显示页面的内容。

有什么方法可以将身份验证详细信息/令牌传递到框架内的网站？

【问题讨论】：

您无法操纵 iframe 的内容，但您可以使用 URL 传递一些信息。您可以创建某种 Token（如 jwt.io）来告诉其他应用程序您是谁，并且用户已登录，但您需要与拥有嵌入式网站的另一方交谈跨度>

标签： javascript html authentication

【解决方案1】：

我认为您需要处理该页面。

我假设你有处理用户名和密码或 authToken 验证的 javascript 函数

函数 authTokenValidate(token) { 用于验证令牌然后重定向到的 api http://xxx.xxx.xx.xx:8080/view/Nightly%20Builds%20/ }

或假设您有 http://xxx.xxx.xx.xx:8080/view/Nightly%20Builds%20/ 页面，该页面验证 authToken 并让您留在页面上或将您重定向到登录。
将 url 中的 authToken 作为 Iframe 中的查询参数传递 http://xxx.xxx.xx.xx:8080/view/Nightly%20Builds%20/?auth=AUTH_TOKEN

所以当页面加载http://xxx.xxx.xx.xx:8080/view/Nightly%20Builds%20/获取授权查询来自 url 的参数并调用验证身份验证令牌的函数（如果有效，则让用户停留在页面上，否则重定向到登录页面。

【讨论】：