web：pc端企业微信登录-vue版

喵喵酱仔__2024-12-19 8:46

官方文档：developer.work.weixin.qq.com/document/pa...

不需要调用ww.register，直接调用ww.createWWLoginPanel即可
创建企业微信登录面板 - 文档 - 企业微信开发者中心 (qq.com)

引入

javascript 复制代码

//通过 npm 引入
npm install @wecom/jssdk
import * as ww from '@wecom/jssdk'

javascript 复制代码

  <div id="wx_qrcode"></div

页面初始化

javascript 复制代码

// 初始化 
const wwLogin = ww.createWWLoginPanel({ 
   el: '#wx_qrcod', // 登录组件挂载元素；可指定 DOM元素或 CSS选择器
   params: { 
   login_type: 'CorpApp', //企业: CorpID，第三方: SuiteID
   appid: 'wwbbb6a7b539f2xxxxx', 
   agentid: '10000xx', // 企业自建应用/服务商代开发应用 AgentID
   redirect_uri: 'https://work.weixin.qq.com', // 登录成功重定向 url
   state: 'loginState', 
   redirect_type: 'callback', 
}, 
   onCheckWeComLogin({ isWeComLogin }) { 
      console.log(isWeComLogin) 
   }, 
   //成功回调
   onLoginSuccess({ code }) { 
      console.log({ code }) 
      //把code传给服务端
   }, 
   //失败回调
   onLoginFail(err) { 
      console.log(err) }, 
   }) 
   
   // 卸载 - 需要的时候使用
   //wwLogin.unmount()

web：pc端企业微信登录-vue版

引入

页面初始化

上照片-pc端