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

TDH*_*DHM 4 html javascript authentication

我有一个网页,想在其中显示 Jenkins 的网页,因此使用iframe如下 -

<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>
Run Code Online (Sandbox Code Playgroud)

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

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

小智 6

我认为你需要处理页面。

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

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

    或者假设您有http://xxx.xxx.xx.xx:8080/view/Nightly%20Builds%20/页面,它验证了 authToken 并让您留在页面上或重定向您登录。

  2. 将 url 中的 authToken 作为 Iframe 中的查询参数传递http://xxx.xxx.xx.xx:8080/view/Nightly%20Builds%20/?auth=AUTH_TOKEN

  1. 因此,当页面加载http://xxx.xxx.xx.xx:8080/view/Nightly%20Builds%20/从 url 获取身份验证查询参数并调用验证身份验证令牌的函数(如果有效)然后让用户留在页面上否则重定向到登录页面。