企业微信自动登录自定义系统

最新推荐文章于 2024-05-17 15:02:14 发布
最新推荐文章于 2024-05-17 15:02:14 发布
阅读量320 收藏
点赞数
分类专栏： 企业微信 自动登录 文章标签： 企业微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fencerain/article/details/135062385
版权

方法一：企业微信构造OAuth2链接跳转登录到自定义系统

企业微信自定义应用配置

  1. 构造网页授权链接

如果企业需要在打开的网页里面携带用户的身份信息，第一步需要构造如下的链接来获取code参数：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=CORPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_base&state=STATE&agentid=AGENTID#wechat_redirect

在这里插入图片描述
*注意，构造OAuth2链接中参数的redirect_uri是经过UrlEncode的*
在这里插入图片描述
2. 企业微信自定义应用配置

  • 设置可信域名，新应用首次配置需要下载可信用的txt文件上传到自定义系统服务器上，可信域名配置不支持ip地址
    在这里插入图片描述
    配置菜单调整链接
    在这里插入图片描述

  • 自定义系统配置
    前端根据跳转地址判断是不是企业微信跳转地址，根据code参数获取企业微信人员信息，userId对应企业微信的账号。
    后台使用 weixin-java-cp 插件

 /**
     * 获取企业微信访问用户身份
     * @param code
     * @param agentId
     * @param corpSecret
     * @return
     */
    public static Map<String, Object>  getOauthUser(String code, int agentId, String corpSecret) {
    	Map<String, Object> result = new HashMap<String, Object>();
    	WxCpService wxCpService = getWxCpService(Wxperson.getCorpId(),agentId,corpSecret);
    	try {
			WxCpOauth2UserInfo userInfo = wxCpService.getOauth2Service().getUserInfo(code);
			wxCpService.getJsapiTicket();
			if(null != userInfo) {
				result.put("code", "200");
				result.put("userId", userInfo.getUserId());
				result.put("deviceId", userInfo.getDeviceId());
			}
    	} catch (Exception e) {
			e.printStackTrace();
			result.put("code", "500");
			result.put("message", e.getMessage());
		}
    	return result;
    }

方法二：使用js-skd，可设置跳转到默认浏览器打开

  1. wx.config
    通过wx.config注入应用的权限，在index.html文件中通过 script 引入
    <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="https://open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js"></script>
    <script src="https://wwcdn.weixin.qq.com/node/open/js/wecom-jssdk-1.3.1.js"></script>
  1. 前端增加企业微信登录页面wechatCPLogin.vue，后台构造OAuth2链接
<template>
    <div></div>
</template>
<script setup lang="ts">
import { onMounted, ref, watch } from 'vue'
import { wechatConfig, getWechatOauth2Url } from '@/api/login'
import { HSoft } from '@/utils/hsoft'
import { useRouter } from 'vue-router'
import type { RouteLocationNormalizedLoaded } from 'vue-router'
import { ElMessage } from 'element-plus'

const { currentRoute, push } = useRouter()

const redirect = ref<string>('')

const otherQuery = ref({})

let wx =  window.wx

const userAgent = window.navigator.userAgent;

watch(
  () => currentRoute.value,
  (route: RouteLocationNormalizedLoaded) => {
    redirect.value = route?.query?.redirect as string
    otherQuery.value = getOtherQuery(route?.query)
  },
  {
    immediate: true
  }
)


function getOtherQuery(query: any) {
  return Object.keys(query).reduce((acc: any, cur: any) => {
    if (cur !== 'redirect') {
      acc[cur] = query[cur]
    }
    return acc
  }, {})
}

function getWeConfig() {
    console.log(window.navigator.userAgent,"HHHHH");
    //openDefaultBrowser()
    if(userAgent.includes('wxwork')) {
        if(userAgent.includes('Windows') || userAgent.includes('Mac')){
            let params = {
            // 当前网页的URL，不包含#及其后面部分，签名算法的时候会用到
            url: window.location.href.split("#")[0],
            agentId: HSoft.AGENTID,
            corpSecret: HSoft.CORPSECRET
            }
            
            wechatConfig(params).then(res => {
            console.log(res);
            const data = res.data;
            wx.config({
                beta: true,// 必须这么写，否则wx.invoke调用形式的jsapi会有问题
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: data.appId, // 必填，企业微信的corpID，必须是本企业的corpID，不允许跨企业使用
                timestamp: data.timestamp, // 必填，生成签名的时间戳
                nonceStr: data.nonceStr, // 必填，生成签名的随机串
                signature: data.signature,// 必填，签名，见 附录-JS-SDK使用权限签名算法
                jsApiList: ['openDefaultBrowser'] // 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来
            });
            wx.ready(function () {
            //执行你的业务逻辑代码
                    //......
                    //如果要使用到agent_config相关接口 初始化agentConfig配置
                openDefaultBrowser()    
                //getWechatAgentConfig()
            });
            wx.error(function (res) {
                console.log(res);
                // config信息验证失败会执行error函数，如签名过期导致验证失败
                // ，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，
                // 对于SPA可以在这里更新签名。
            });
            }).catch(err => {
            console.log(err)
            })
        }else{
            let params = {
                url: otherQuery.value['url'],
                agentId: HSoft.AGENTID,
                corpSecret: HSoft.CORPSECRET,
                state: 'wechatCP',
            }
            getWechatOauth2Url(params).then(res => {
                console.log(res);
                location.href = res.data.url;
            })
        }
    }else{
        push(`/login?unauto=true`)
    }
}

function openDefaultBrowser(){
    let params = {
        url: otherQuery.value['url'],
        agentId: HSoft.AGENTID,
        corpSecret: HSoft.CORPSECRET,
        state: 'wechatCP',
    }
    getWechatOauth2Url(params).then(res => {
        console.log(res);
        
        //if((userAgent.includes('Windows') || userAgent.includes('Mac'))){
            wx.invoke('openDefaultBrowser', {
                // 在默认浏览器打开redirect_uri，并附加code参数；也可以直接指定要打开的url，此时不会附带上code参数。
            // 'url': "https://open.weixin.qq.com/connect/oauth2/authorize?appid=******&redirect_uri=http%3A%2F%2Fabc.com%3A6868%2Fwechat%2Fpc&response_type=code&scope=snsapi_userinfo&agentid=**&state=STATE#wechat_redirect"
                'url': res.data.url
            }, function(res){
                console.log('res------------->', res)
                if(res.err_msg != "openDefaultBrowser:ok"){
                    //错误处理
                    ElMessage.error("企业微信授权登录地址获取异常，请使用账号密码登录")
                    push(`/login?unauto=true`)
                }else{
                    wx.closeWindow();
                    window.close();
                }
            })
            
        // }else{
        //     location.href = res.data.url;
        // }
    }).catch(err => {
        console.log(err)
    })
    
}
onMounted(() => {
    getWeConfig();
})

</script>

后台方法 wechatConfig

public static Map<String, Object> wechatConfig(String url, Integer agentId, String corpSecret) {
    	Map<String, Object> result = new HashMap<String, Object>();
    	WxCpService wxCpService = getWxCpService(Wxperson.getCorpId(),agentId,corpSecret);
	    try {
			WxJsapiSignature createJsapiSignature = wxCpService.createJsapiSignature(url);
			if(null != createJsapiSignature) {
				result.put("code", "200");
				result.put("appId",createJsapiSignature.getAppId());
				result.put("timestamp",createJsapiSignature.getTimestamp());
				result.put("nonceStr",createJsapiSignature.getNonceStr());
				result.put("signature",createJsapiSignature.getSignature());
			}
			
	    } catch (Exception e) {
			e.printStackTrace();
			result.put("code", "500");
			result.put("message", e.getMessage());
		}
		return result;
	}

getWechatOauth2Url

public static Map<String, Object> getWechatOauth2Url(String url, Integer agentId, String corpSecret, String state, String scope) {
    	Map<String, Object> result = new HashMap<String, Object>();
    	WxCpService wxCpService = getWxCpService(Wxperson.getCorpId(),agentId,corpSecret);
	    try {
			String buildAuthorizationUrl = wxCpService.getOauth2Service().buildAuthorizationUrl(url, state, scope);
			if(HSoft.isNotEmpty(buildAuthorizationUrl)) {
				result.put("code", "200");
				result.put("url",buildAuthorizationUrl);
			}
			
	    } catch (Exception e) {
			e.printStackTrace();
			result.put("code", "500");
			result.put("message", e.getMessage());
		}
		return result;
	}
  1. 剩余步骤参考方法一

企业微信扫码登录自定义系统

企业微信web登录

  1. 使用企业微信 JS-SDK：wecom/jssdk >=1.3.1
    通过 script 标签引入
<script src="https://wwcdn.weixin.qq.com/node/open/js/wecom-jssdk-1.3.1.js"></script>
  1. 创建企业微信登录面板
    API接口 ww.createWWLoginPanel
<!--企业微信扫码登录-->
<template>
    <div id="wechatScanLogin" >
    </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue'
import { HSoft } from '@/utils/hsoft'

// 初始化
const wwLogin = () => {
    window.ww.createWWLoginPanel({
      el: '#wechatScanLogin',
      params: {
        login_type: 'CorpApp',
        appid: HSoft.APPID,
        agentid: HSoft.AGENTID,
        redirect_uri: 'http://xxx.xxx.com:8088/login',
        state: 'loginState',
        redirect_type: 'callback',
      },
      onCheckWeComLogin({ isWeComLogin }) {  // 企业微信桌面端是否已登录
        console.log(isWeComLogin)
      },
      onLoginSuccess({ code }) {	// 企业微信登录成功回调 Auth Code
        console.log({ code })
        //调用获取企业微信自动登录接口
      },
      onLoginFail(err) {
        console.log(err)
      },
    })
} 

onMounted( () => {
    wwLogin()
})

</script>
FenceRain
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
企业微信接入第三方应用并配置身份认证
qq_44473469的博客
06-14 2359
1.接入第三方应用 http://faqrobothttp://faqrobot/webchatbot/chat.html?sysNum=1623047917475&sourceId=101&lang=zh_CN/webchatbot/chat.html?sysNum=1623047917475&sourceId=101&lang=zh_CN
jenkins自动部署分布式项目（七）——Jenkins配置企业微信通知
wd520521的博客
07-20 1979
Jenkins配置企业微信通知
Springboot+vue+企业微信登录
阿泽的博客
10-31 1229
扫码登录是企业微信提供的一直方式，还有一种方式就是在企业微信内打开应用，可以免密登录系统，这种方式只能在企业微信内打开使用才行，用浏览器不行。只需要在应用详情页面，配置应用的主页，你在浏览器打开这个应用的时候他就会默认访问这个地址，然后进行免密登录，相对来说比较方便。这个链接是企业微信提供的统一oauth2授权链接，配置对应的参数以后会进入一个二维码的页面，扫码以后回调到你配置的页面。这个是应用的id跟应用的secret，扫码登录目前用不上这个，后续对接其他的api需要用上。
JAVA-企业微信H5自建应用之OAuth2授权登录
weixin_46690278的博客
11-24 4423
直接上代码 @GetMapping(value = "/oAuth2Url") public String oAuth2Url(HttpServletRequest request, @RequestParam("url") String url) throws IOException { //目前url为前端传,不需要后端做拼接 String orgId = "企业id"; String oauth2Url = "https://open.weixin.
企业微信开发之授权登录
热门推荐
dsn727455218的博客
05-13 4万+
以前写过一篇公众号的授权登录https://blog.csdn.net/dsn727455218/article/details/65630151,今天给大家分享一下企业微信的授权登录。 大致都差不多流程 注意事项： 1.网页授权及JS-SDK需要在企业微信上配置可信域名 2.企业微信授权登录里面填写你的可信域名 调用流程为： A) 用户访问第三方服务，第三方服务通过构造OAuth2链接...
jenkins配置企业微信机器人通知，自定义通知内容
weixin_44917209的博客
03-27 1915
Jenkins的环境变量使用说明。
企业微信自定义客户画像
徐同保的专栏
11-16 541
企业微信自定义客户画像
触发器实现海豚调度失败企业微信自动告警
qq_33445829的博客
08-01 882
海豚调度企业微信自动告警；触发器监控工作流实例表，当工作流实例表中的状态更新后，针对状态为失败的任务进行企业微信告警。
企业微信接口错误代码大全
weixin_64051447的博客
03-10 2万+
42012 | jsapi_ticket不可用，一般是没有正确调用接口来创建jsapi_ticket| 如果是agentConfig使用，请特别注意是否是使用" 获取应用身份的ticket"来获取jsapi_ticket|| 302004 | 组织架构不合法（1不是一棵树，2 多个一样的partyid，3 partyid空，4 partyid name 空，5 同一个父节点下有两个子节点 部门名字一样 可能是以上情况，请一一排查） | - |消费code使用的access_token是否有该应用权限。
通用的企业微信多租户SaaS管理系统源码，得益于 Swoole 和 Hyperf 框架的优秀，超高性能灵活的可扩展性。
03-13
开源的企业微信应用开发框架&引擎，是一套通用的企业微信多租户SaaS管理系统，得益于 Swoole 和 Hyperf 框架的优秀，可提供超高性能的同时，也保持着极其灵活的可扩展性。 应用场景 可用于电商、金融、零售、餐饮...
基于python，企业微信交互的机器人系统，可接入 GPT、Gemini 等大语言模型
02-26
一个基于Python的企业微信机器人，能够接入GPT、Gemini等大型语言模型。默认配置为Gemini-Pro，它可以帮助企业自动化处理信息，提供智能回复等功能。 特性 自动回复消息 接入多种大语言模型 支持自定义消息处理逻辑...
微信企业号，钉应用，微信OA，深度企业号
12-17
1、移动考勤:移动互联网时代的打卡利器，基于地理位置定位识别，员工通过微信可以快速完成签到，全面取代传统的打卡、指纹签到系统，企业无需额外购置考勤系统；针对外勤人员管理，可通过上报地理位置来实时监督，...
mochat:基于企业微信的开源应用开发框架＆引擎，也是一套通用的企业私域流量管理系统！
03-06
MoChat是开源的企业微信应用开发框架和引擎，是一套通用的企业微信管理系统，得益于Swoole和Hyperf框架的优秀，MoChat可提供超高性能的同时，也保持着极其灵活的可扩展性。 应用场景 可用于电力商，金融，零售，餐饮...
Uni-OA通用办公系统主要为国内企业提供办公自动化信息服务
06-14
Uni-OA通用办公系统主要为国内企业提供办公自动化信息服务，功能为如：工作流自定义，个人中心(通讯录、我的日志、我的日程、我的总结)；信息中心(新闻动态、下载中心、公告管理)、学习中心(制度管理、业务知识、...
企业微信主体机构如何修改?
qq_36393952的博客
05-17 186
做过企业运营的小伙伴都知道，很多时候经常会遇到现有的企业需要注销，切换成新的企业进行经营的情况，但是原来企业申请的企业微信上面却积累了很多客户，肯定不能直接丢弃，所以这个时候就需要把企业微信的主体进行变更为最新的企业。一般做企业微信主体变更我们建议是进行线上公证比较方便，因为线下公证处可能比较少接触过这类型的公证，不一定可以出公证。但是如果原主体并没有注销，那么要进行变更的话需要原主体与新主体有一定的关联关系，比如是母公司子公司分公司或者同一法人才可以。企业微信主体变更的流程步骤是怎样的？
企业微信hook接口协议,ipad协议http,获取群头像详细
企微HOOK 协议
05-17 126
获取群头像详细。
基于go开发的waf，包括网关和WAF两部分；.zip
最新发布
05-23
Go语言（也称为Golang）是由Google开发的一种静态强类型、编译型的编程语言。它旨在成为一门简单、高效、安全和并发的编程语言，特别适用于构建高性能的服务器和分布式系统。以下是Go语言的一些主要特点和优势： 简洁性：Go语言的语法简单直观，易于学习和使用。它避免了复杂的语法特性，如继承、重载等，转而采用组合和接口来实现代码的复用和扩展。 高性能：Go语言具有出色的性能，可以媲美C和C++。它使用静态类型系统和编译型语言的优势，能够生成高效的机器码。 并发性：Go语言内置了对并发的支持，通过轻量级的goroutine和channel机制，可以轻松实现并发编程。这使得Go语言在构建高性能的服务器和分布式系统时具有天然的优势。 安全性：Go语言具有强大的类型系统和内存管理机制，能够减少运行时错误和内存泄漏等问题。它还支持编译时检查，可以在编译阶段就发现潜在的问题。 标准库：Go语言的标准库非常丰富，包含了大量的实用功能和工具，如网络编程、文件操作、加密解密等。这使得开发者可以更加专注于业务逻辑的实现，而无需花费太多时间在底层功能的实现上。 跨平台：Go语言支持多种操作系统和平台，包括Windows、Linux、macOS等。它使用统一的构建系统（如Go Modules），可以轻松地跨平台编译和运行代码。 开源和社区支持：Go语言是开源的，具有庞大的社区支持和丰富的资源。开发者可以通过社区获取帮助、分享经验和学习资料。 总之，Go语言是一种简单、高效、安全、并发的编程语言，特别适用于构建高性能的服务器和分布式系统。如果你正在寻找一种易于学习和使用的编程语言，并且需要处理大量的并发请求和数据，那么Go语言可能是一个不错的选择。
基于mgo风格封装mongodb-go官方驱动.zip
05-23
Go语言（也称为Golang）是由Google开发的一种静态强类型、编译型的编程语言。它旨在成为一门简单、高效、安全和并发的编程语言，特别适用于构建高性能的服务器和分布式系统。以下是Go语言的一些主要特点和优势： 简洁性：Go语言的语法简单直观，易于学习和使用。它避免了复杂的语法特性，如继承、重载等，转而采用组合和接口来实现代码的复用和扩展。 高性能：Go语言具有出色的性能，可以媲美C和C++。它使用静态类型系统和编译型语言的优势，能够生成高效的机器码。 并发性：Go语言内置了对并发的支持，通过轻量级的goroutine和channel机制，可以轻松实现并发编程。这使得Go语言在构建高性能的服务器和分布式系统时具有天然的优势。 安全性：Go语言具有强大的类型系统和内存管理机制，能够减少运行时错误和内存泄漏等问题。它还支持编译时检查，可以在编译阶段就发现潜在的问题。 标准库：Go语言的标准库非常丰富，包含了大量的实用功能和工具，如网络编程、文件操作、加密解密等。这使得开发者可以更加专注于业务逻辑的实现，而无需花费太多时间在底层功能的实现上。 跨平台：Go语言支持多种操作系统和平台，包括Windows、Linux、macOS等。它使用统一的构建系统（如Go Modules），可以轻松地跨平台编译和运行代码。 开源和社区支持：Go语言是开源的，具有庞大的社区支持和丰富的资源。开发者可以通过社区获取帮助、分享经验和学习资料。 总之，Go语言是一种简单、高效、安全、并发的编程语言，特别适用于构建高性能的服务器和分布式系统。如果你正在寻找一种易于学习和使用的编程语言，并且需要处理大量的并发请求和数据，那么Go语言可能是一个不错的选择。
python 企业微信自动回复机器人
07-14
您好！对于实现企业微信自动回复机器人，您可以使用Python编程语言结合企业微信的API进行开发。以下是一种简单的实现方式： 1. 首先，您需要在企业微信后台创建一个自定义应用，并获取到相应的应用ID和应用密钥。 2. 使用Python的requests库发送HTTP请求，调用企业微信API实现消息的接收和发送。您可以使用以下API接口： - 获取接收到的消息：通过调用企业微信的消息接收API，获取到用户发送给机器人的消息内容。 - 发送回复消息：通过调用企业微信的消息发送API，将机器人的回复消息发送给用户。 3. 编写逻辑处理代码，根据用户发送的消息内容，进行自动回复的处理。您可以使用一些自然语言处理（NLP）的相关技术，如关键词匹配、文本分类、机器学习等，来实现自动回复的逻辑。 4. 部署代码，并将企业微信的接收消息URL配置到企业微信后台的自定义应用中，以便实现消息的接收和自动回复。 需要注意的是，以上仅是一个简单的实现示例，具体的实现方式还需要根据您的具体需求和企业微信的API文档进行调整和完善。希望对您有所帮助！如果您有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值