h5应用调用企业微信api过程(获取当前外部联系人userId方法)

最新推荐文章于 2024-07-25 14:08:43 发布

jared.wang

最新推荐文章于 2024-07-25 14:08:43 发布

阅读量2.7k

点赞数 1

CC 4.0 BY-SA版权

文章标签：企业微信前端 javascript

本文链接：https://blog.csdn.net/weixin_45289067/article/details/131962707

该代码示例展示了如何通过OAuth2授权登录，然后调用后台接口获取企业微信的签名，进行wx.config()和wx.agentConfig()注册，以实现企业微信应用的身份认证和API调用，如getCurExternalContact等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

调用过程:

通过OAuth2授权链接进入页面并完成登录
调用后台获取企业签名接口并进行 wx.config() 注册
在 wx.ready() 中继续企业微信应用身份认证, 调用后台企业微信应用签名接口获取签名，在 wx.agentConfgi() 中注册
在 wx.invoke() 中调用需要使用的api方法

下面是完整代码，复制直接可用

export default {
	init() {
		postWork('/api/login/getSignature', {
			url: location.href,
			type: 1, // 1:企业 2:应用
			agentId: process.uniEnv.agentId
		}).then(res => {
			if (res.code == 0) {
				wxx.config({
					debug: false,
					beta: true,
					appId: process.uniEnv.corpid, // 必填，企业微信的corpid，必须与当前登录的企业一致
					timestamp: res.timestamp, // 必填，生成签名的时间戳
					nonceStr: res.nonceStr, // 必填，生成签名的随机串
					signature: res.signature,// 必填，签名，见附录-JS-SDK使用权限签名算法
					jsApiList: ['agentConfig', 'getCurExternalContact'], //必填，传入需要使用的接口名称
					success: function(res) {
					    // 回调
						console.log('config', res)
					},
					fail: function(res) {
					    if(res.errMsg.indexOf('function not exist') > -1){
					        alert('版本过低请升级')
					    }
					},
					
				})
				
				wxx.ready (() => {
					
					this.agentInit()
				})
			}
			
		})
	},
	// 应用身份认证
	agentInit() {
		postWork('/api/login/getSignature', {
			url: location.href,
			type: 2, // 1:企业 2:应用
			agentId: process.uniEnv.agentId
		}).then((res) => {
			wxx.agentConfig({
				corpid: process.uniEnv.corpid, // 必填，企业微信的corpid，必须与当前登录的企业一致
				agentid: process.uniEnv.agentId, // 必填，企业微信的应用id （e.g. 1000247）
				timestamp: res.timestamp, // 必填，生成签名的时间戳
				nonceStr: res.nonceStr, // 必填，生成签名的随机串
				signature: res.signature,// 必填，签名，见附录-JS-SDK使用权限签名算法
				jsApiList: ['getContext','getCurExternalContact', 'hideMenuItems'], //必填，传入需要使用的接口名称
				success: (res) => {
					// 回调
					console.log('应用身份',res)
					this.getContext()
				},
				fail: function(res) {
					if(res.errMsg.indexOf('function not exist') > -1){
						alert('版本过低请升级')
					}
				}
			});
		})
	},
	// 调用获取H5环境入口的接口
	getContext() {
		wxx.invoke('getContext', {}, (res) => {
			console.log('getContext', res)
		    if(res.err_msg == "getContext:ok"){
		    	// 正常处理业务逻辑
		    	// 获取当前对话框userid
				if (res.entry == 'normal') {
					// 侧边栏进入
					uni.showModal({
						title: '请在下列场景打开应用!',
						content: '外部联系人聊天窗口或详情',
						confirmColor: '#fff',
						showCancel: false,
						success() {
							
						}
					})
				} else {
					this.getUserid()
				}
				
		    	
		        // entry  = res.entry ; 
				// shareTicket = res.shareTicket; //可用于调用getShareInfo接口
		
		    }else {
		        //错误处理
		    }
		});
	},
	// 当前外部联系人userId
	getUserid() {
		wxx.invoke('getCurExternalContact', {}, (res) => {
			console.log('getCurExternalContact11111', res)
	        if(res.err_msg == "getCurExternalContact:ok"){
	            var userId  = res.userId ; //返回当前外部联系人userId
				
				uni.$emit('getExternalId', res)
	        } else {
	            //错误处理
				uni.showModal({
					title: '无权限!',
					content: '请联系管理员!',
					confirmColor: '#fff',
					showCancel: false,
					success() {
						
					}
				})
	        }
	    });
	}
	
}