carbon-auth

1.0.8 • Public • Published

对接方式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>

Readme

Keywords

Package Sidebar

Install

npm i carbon-auth

Weekly Downloads

0

Version

1.0.8

License

ISC

Unpacked Size

38.6 kB

Total Files

4

Last publish

Collaborators

  • baianje