carbon-auth
v1.0.8
Published
碳帐户应用授权组件
Downloads
3
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>