carbon-auth
v1.0.8
Published
碳帐户应用授权组件
Downloads
13
Readme
对接方式1--html文件引入
加入script
<script type="module" > //引入类型为module
import AuthJDK from '/carbonAuth.min.js' //引入模块路径
window.onload=()=>{
var authRef =new AuthJDK({
host:”碳帐户域名”, // 默认不传指向生产，调试输入“https://authtest.tgct.com.cn”
id:'authlogin', //事件绑定对象对应的domID，会往dom对象中塞个图标通过点击事件来触发弹窗
iconPath:"", //自定义img图标地址 ,不传则用默认图标
params:{
redirect:’’, //重定向地址，默认获取当前页面地址，授权完成后会后拼接code=xxxxxx，PC端通过postmessage方式回调
roleType:’’ //权限类型，0：为普通用户，1为管理用户，
authType :’’ //授权类型 ‘login’为登录授权，‘address’为地址授权。现阶段只有两种，
appKey:’’ //对接统一碳帐户分配的维一值，请与相关对接人员获取
openId:’’ //上次登录授权获取的缓存标识，以免每次授权都要重新登录
},
callback(data){ //适用过PC端父子窗口传输信息，与redirect互斥，
//弹窗登录成功回调返回对象{code：xxx,openId:xxx} ，登录失败或关闭弹窗不触发,
//地址授权没有返回值
}
})
}
//如果没有绑定id。则可通过authRef.open()打开弹窗
</script>
在html中使用：
<html>
......
<span id="authlogin"></span>
......
</html>Vue2组件引入
<script>
//命今行运行 npm install carbon-auth 安装依赖 或 直接引入文件
import AuthJDK from 'carbon-auth' //引入模块路径
//或将文件放入项目下如/assets/js/
import AuthJDK from ‘@/assets/js/carbonAuth.min.js’
//建议在vue生命周期mounted里使用
export default {
data(){
authRef=null
},
methods：{
......
clickFn(){
this.authRef.open()
}
......
}，
mounted(){
this.authref =new AuthJDK({
host:”碳帐户域名”, // 默认不传指向生产，调试输入“https://authtest.tgct.com.cn”
id:'authlogin', //事件绑定对象对应的domID，会往dom对象中塞个图标通过点击事件来触发弹窗
iconPath:"", //自定义img图标地址 ,不传则用默认图标
params:{
redirect:’’, //重定向地址，默认获取当前页面地址，授权完成后会后拼接code=xxxxxx，PC端通过postmessage方式回调
roleType:’’ //权限类型，0：为普通用户，1为管理用户，
authType :’’ //授权类型 ‘login’为登录授权，‘address’为地址授权。现阶段只有两种，
appKey:’’ //对接统一碳帐户分配的维一值，请与相关对接人员获取
openId:’’ //上次登录授权获取的缓存标识，以免每次授权都要重新登录
},
callback(data){ //适用过PC端父子窗口传输信息，与redirect互斥，
//弹窗登录成功回调返回对象{code：xxx,openId:xxx} ，登录失败或关闭弹窗不触发,
//地址授权没有返回值
}
})
}
}
}
</script>Vue3组件引入
<script setup>
//命今行运行 npm install carbon-auth 安装依赖 或 直接引入文件
import AuthJDK from 'carbon-auth' //引入模块路径
//或将文件放入项目下如/assets/js/
import AuthJDK from ‘@/assets/js/carbonAuth.min.js’
//建议在vue生命周期mounted里使用
const authRef=ref()
const clickFn =()=>{
authRef.value.open()
}
onMounted(()=>{
authRef.value =new AuthJDK({
host:”碳帐户域名”, // 默认不传指向生产，调试输入“https://authtest.tgct.com.cn”
id:'authlogin', //事件绑定对象对应的domID，会往dom对象中塞个图标通过点击事件来触发弹窗
iconPath:"", //自定义img图标地址 ,不传则用默认图标
params:{
redirect:’’, //重定向地址，默认获取当前页面地址，授权完成后会后拼接code=xxxxxx，PC端通过postmessage方式回调
roleType:’’ //权限类型，0：为普通用户，1为管理用户，
authType :’’ //授权类型 ‘login’为登录授权，‘address’为地址授权。现阶段只有两种，
appKey:’’ //对接统一碳帐户分配的维一值，请与相关对接人员获取
openId:’’ //上次登录授权获取的缓存标识，以免每次授权都要重新登录
},
callback(data){ //适用过PC端父子窗口传输信息，与redirect互斥，
//弹窗登录成功回调返回对象{code：xxx,openId:xxx} ，登录失败或关闭弹窗不触发,
//地址授权没有返回值
}
})
}
})
</script>