crm-common-login

web端统一登录框

简介

统一登录框包含两种模式，一种是集成主账号和子账号的界面，另一种是只有子账号的界面；通过参数showType来控制切换两种界面显示。 主账号：是uc的账号体系，使用时需要初始化uc相关的参数才能成功； 子账号：是pass的账号体系，使用时需要初始化pass的相关参数；

安装

npm install --save aifanfanlogin

使用

import Login from '@baidu/aifanfanlogin'; 或者 var Login = require('aifanfanlogin');

包含主账号和子账号的界面初始化： var login = new Login({ showType: 'multi', id: 'login', hideBottom: false, ucappid: 587, passappid: 1, deviceType: 'web', ucAppKey: 'aifanfan.baidu.com', cookieDomain: 'aifanfan.baidu.com', redirectUrl: 'http://www.aifanfan.com', registerUcLink: 'https://u.baidu.com/ucweb/?module=Reguser&controller=reg&action=index&appid=3', staticPage: 'http://test.baidu.com:8080/v3Jump.html', ucJs: 'http://cas.baidu.com/staticv2/dep/common-login/qa-api.js', serverHost: 'http://crmpaas-test.baidu.com', reqRealTokenHost: 'http://crmpaas-test.baidu.com', deviceCode: 'web', loginDevice: 'web', appVersion: '1.0.0' });

只包含子账号的界面初始化： var login = new Login({ showType: 'single', id: 'login', hideBottom: true, passappid: 1, deviceType: 'web', redirectUrl: 'http://www.aifanfan.com', serverHost: 'http://crmpaas-test.baidu.com', reqRealTokenHost: 'http://crmpaas-test.baidu.com', deviceCode: 'web', loginDevice: 'web', appVersion: '1.0.0' });

参数说明

参数	是否必须	类型	说明
showType	是	string	'multi'表示主子账号登录界面同时存在，包含tab切换；'single'表示只有子账号登录界面
id	是	string	登录框需要绑定的dom标签id
hideBottom	否	boolean	子账号是否需要隐藏底部的“注册”和“忘记密码”
ucappid	是	number	产品在uc注册的appid，当showType为‘multi’时必填参数
passappid	是	number	产品在pass注册的appid
deviceType	是	string	设备来源(目前写web)
ucAppKey	是	string	产品在uc注册的appkey，当showType为‘multi’时必填参数
cookieDomain	是	string	产品在uc注册的cookieDomain，当showType为‘multi’时必填参数
redirectUrl	否	string	登录成功后跳转到的页面地址
registerUcLink	是	string	主账号底部注册跳转地址，当showType为‘multi’时必填参数
staticPage	是	string	跨域用静态页面，要求必须与当前接入网站域名,协议,端口一致,并且必须使用完整url路径,比如接入登录的页面为 http://cas.baidu.com/?tpl=www2,那么StaticPage则为 http://cas.baidu.com/asset/noJump/v3Jump.html ，当showType为‘multi’时必填参数
ucJs	是	string	uc登录框集成需要引入的api文件地址,当showType为‘multi’时必填参数
serverHost	是	string	pass登录对应的后端接口域名前缀（线下调试时可换成对应的测试地址）
reqRealTokenHost	是	string	最后一个换取真实token的接口的域名前缀
callback	否	function	pass登录成功后的回调函数，如果设置了callback则子账号的redirectUrl无效,res是登录成功后返回的网关校验数据
deviceCode	是	string	子账号登录时设备唯一编码web端值为‘web’
loginDevice	是	string	子账号登录时登录设备（pc/ios/android/web），web端值为‘web’
appVersion	是	string	子账号登录时应用版本号

uc主账号使用注意

需要在自己的域下（域、端口、协议都要和使用这个api的页面相同）部署一个jump的页面，即下面介绍中的staticPage选项，页面内容获取地址: http://cas.baidu.com/asset/noJump/v3Jump.html

联调/测试都需要使用百度域名

ucJs参数的api文件地址

需以无缓存方式引入api.js文件，该文件压缩后仅有2k大小，所以无须担心性能问题 线上js调用请使用 http(s)://cas.baidu.com/staticv2/dep/common-login/api.js QA测试用js请使用 http(s)://cas.baidu.com/staticv2/dep/common-login/qa-api.js RD测试用js请使用 http(s)://cas.baidu.com/staticv2/dep/common-login/rd-api.js

注意：当QA，RD环境在配置正确的情况下出现登录超时提示，请按照以下方案进行配置：

1.RD环境在浏览器访问https://mycas.baidu.com:8443，同意证书后重新刷新登录页面

2.QA环境在浏览器访问https://cas-off.baidu.com:8443，同意证书后重新刷新登录页面