自行实现

提供个人后缀信息矫正及填充、联系信息填充等功能,加载 SSO 模块但不实现具体业务逻辑,使用者可以自行使用 sso 模块实现登陆注册逻辑。

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


演示:自行使用 SSO 网关提供的接口实现 登录 / 注册

演示:账号登陆

用户体系与中公教育 APP 及中公网校互通。可以自行拓展更多表单字段,并在登录成功后将数据提交到 CRM 或 ZG99 等平台。具体实现方式请查阅源码。

演示:短信登陆 ( 未注册用户自动注册 )

用户体系与中公教育 APP 及中公网校互通。可以自行拓展更多表单字段,并在登录成功后将数据提交到 CRM 或 ZG99 等平台。具体实现方式请查阅源码。



演示:SSO 网关提供的接口及其用法

演示:账号登陆

Method:POST

URL:/ssogateway/v1/user/login

Data:{ ssoAppId: window['ssoGateway'].id, type: 1, username: '手机号', password: '密码' }

快捷函数:window['ssoLogin']({ type: 1, username: '手机号', password: '密码' }, data => {'成功回调'}, (code, message) => {'失败回调'})



演示:发送验证码

Method:POST

URL:/ssogateway/v1/user/sms/send

Data:{ ssoAppId: window['ssoGateway'].id, phone: '手机号' }

快捷函数:无



演示:短信登陆

Method:POST

URL:/ssogateway/v1/user/login

Data:{ ssoAppId: window['ssoGateway'].id, type: 2, username: '手机号', code: '验证码' }

快捷函数:window['ssoLogin']({ type: 1, username: '手机号', code: '验证码' }, data => {'成功回调'}, (code, message) => {'失败回调'})



演示:退出登陆

控制浏览器跳转到 `/ssogateway/v1/web/logout?ssoAppId=${window['ssoGateway'].id}` 即可。如 【 window.location.href = `/ssogateway/v1/web/logout?ssoAppId=${window['ssoGateway'].id}`; 】 。

演示:自动填充

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

向需要填充的 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 属性配置后缀。

本地调试

自行实现模式的模块由于需要在 [ 当前域名/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