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

标签 javascript html 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>

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

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

最佳答案

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

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

    函数 authTokenValidate( token ) { 用于验证 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

  • 所以当页面加载时http://xxx.xxx.xx.xx:8080/view/Nightly%20Builds%20/获取授权查询 来自 url 的 params 并调用验证身份验证 token (如果有效)的函数,然后让 用户停留在页面上,否则重定向到登录页面。
  • 关于javascript - 如何将身份验证详细信息传递给 iframe 内的应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60665341/

    相关文章:

    php - 登录网站解析用户信息

    javascript - 我希望我的 Javascript 在 30 天后过期

    javascript - 旋转木马图像相同高度

    javascript - python对象和json对象有什么区别?

    html - 在 Angular 6 模板中解析 Json 数据

    android - 使用 Android AccountManager 对服务器的用户进行身份验证

    javascript - 编写一个 JavaScript 程序来提取偶数长度字符串的前半部分 - "x is not defined"

    javascript - 如何获取点击事件的来源

    javascript - 如何在 chrome 和 firefox 上设置表格高度

    c++ - 从另一个函数的 "if loop"内部调用/移动一个函数 - Qt,C++