iframe嵌入页面之Cookies存取

本文介绍了在A产品中通过iframe嵌入B产品时遇到的X-Frame-Options、单点登录(SSO)及Cookie SameSite问题的解决方案。通过设置X-Frame-Options为ALLOW-FROM,实现B产品被A产品安全引用;详细阐述了单点登录的流程;并讨论了Cookie SameSite属性的配置,如何避免登录失败的情况。
摘要由CSDN通过智能技术生成

背景:最近工作上遇到个两个不同产品间嵌入的问题。A产品(www.aaa.com)需要使用B产品(www.bbb.coom)的某个功能。于是在A产品中通过iframe嵌入B产品的页面。

一、X-Frame-Options

通过iframe嵌入页面后,首先碰到的问题是如下报错,原因是B产品因为安全性的考虑设置了X-Frame-Options,禁止其他页面通过iframe引入。
X-Frame-Options
解决办法就是设置B产品允许被A产品引用。X-Frame-Options响应头的属性有如下三种:

1、DENY:不能被嵌入到任何iframe。
2、SAMEORIGIN:页面只能被本站页面嵌入。
3、ALLOW-FROM uri:只能被嵌入到指定域名的框架中。

二、单点登录(Single Sign On)

可以正常请求到B产品的页面后,由于没有登录会自动跳到B产品的登陆页面去,需要登陆B产品才能继续使用(这里也是可能无法登陆的),这对于A产品用户肯定是不能接受的,于是我们需要配置上单点登录。单点登录的概念和如何配置就不展开说明了,这里大概说下在当前场景下的登录流程。

1、用户访问产品A并成功登录,访问包含引用B产品的页面。
2、B产品没有登录,前端会跳转B的登陆校验地址,由于已经配置了单点登录,后端会重定向到A产品的登录页面。
3、由于A产

评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值