拦截部分 a 标签

未登录时可以按需拦截部分 a 标签的跳转操作。

查看其他类型:轻量版 / 自行实现 / 手动触发 / 拦截全部 a 标签 / 跳转登陆


演示:SSO 功能

SSO 模块可以实现在某一页面、某一站点登陆后,打开任意其他站点均可免登陆。

演示:自动填充当前登陆用户



演示:拦截部分 a 标签

Tips: 给需要拦截的 a 标签的 父级元素 增加名称为 offcn-sso-need-login 的 class 即可。

演示:被拦截的 a 标签

a 标签 1
a 标签 2
a 标签 3

演示:没有拦截的 a 标签

a 标签 1
a 标签 2
a 标签 3


演示:退出登陆

Tips: 给需要绑定退出登陆功能的元素增加名称为 offcn-sso-logout 的 class 即可。

点击此处退出登陆


演示:自动填充

演示:链接填充个人推广后缀

向需要填充的 a 标签增加名称为 offcn-suffix-link 的 class 即可。

演示:填充 可以与个人后缀联动的 智齿咨询

向需要填充的元素增加名称为 offcn-contact-information-zhichi 的 class 即可。( 点击本行文本即可打开智齿咨询 )


演示:填充 可以与个人后缀联动的 微信 企业微信二维码

向需要填充的 img 标签增加名称为 offcn-contact-information-wechat-work 的 class 即可。

微信 企业微信

演示:填充 可以与个人后缀联动的 咨询电话

演示:填充仅文本类型的咨询电话

向需要填充咨询电话的元素增加名称为 offcn-contact-information-phone-text 的 class 即可。填充过程会替换元素内的 html 文本。

演示:填充仅拨打电话类型的咨询电话 ( 拨打电话功能仅适配移动端 )

点击咨询 ,向需要填充咨询电话的元素增加名称为 offcn-contact-information-phone-call 的 class 即可。

演示:填充文本加拨打电话类型的咨询电话 ( 拨打电话功能仅适配移动端 ) ( 支持配置前缀后缀 )

,向需要填充咨询电话的元素增加名称为 offcn-contact-information-phone 的 class 即可。填充过程会替换元素内的 html 文本。支持通过 data-perfix 属性配置前缀、通过 data-suffix 属性配置后缀。

本地调试

拦截部分 a 标签模式的模块由于需要在 [ 当前域名/ssogateway/v1/ ] 路径下与 SSO 模块进行交互,所以无法以常规方式在本地进行调试。

如需在本地进行调试请使用专用的辅助工具:本地测试反向代理工具下载

zip包解压后开发者可根据自己的操作系统类型选择使用,如下以linux为例:

启动参数和Demo 备注 说明

gateway

$./reverse_linux --gateway=39.105.37.226

默认值:测试网关地址

基本无需配置

所有 http://*/ssogateway/v1/... 请求都会被反向代理至测试环境网关

port

$./reverse_linux --port=80

默认值:80 本地代理工具端口

backend

$./reverse_linux --backend=127.0.0.1:8080

默认值:127.0.0.1:8080,优先级高于root

(用于反向代理服务)

请求 http://127.0.0.1/a/b.html

最终会返回 http://127.0.0.1:8080/a/b.html

root

$./reverse_linux --root=1

默认值:空

请求 http://127.0.0.1 即可看到文件目录结构

(如本地没有服务,则可使用该参数将该工具放到相关目录下执行)

目前支持本地的测试域名只有:localhost