企业微信H5_网页jssdk调用判断当前客户端版本是否支持指定JS接口

在这里插入图片描述

接上一篇：企业微信H5_网页jssdk调用，ticket签名config及示例https://gblfy.blog.csdn.net/article/details/123170569

文章目录

- - - - 一、接入环境
      - 1. 阅读文档
        2. 接入要求
      - 二、前端接入和调试
      - 2.1. 代码效果
        2.2. 实战演练
        2.3. 信息分析
        2.4. 真实用途
      - 三、源码分享
      - 3.1. 后端源码
        3.2. 前端源码

一、接入环境

1. 阅读文档

官网文档：
https://developer.work.weixin.qq.com/document/path/94312

在这里插入图片描述

2. 接入要求

判断当前客户端版本是否支持指定JS接口（wx.checkJsApi）是基于wx.config的，而wx.config需要按照企业微信H5_网页jssdk调用，ticket签名config及示例此流程接入

在这里插入图片描述

二、前端接入和调试

2.1. 代码效果

在这里插入图片描述

2.2. 实战演练

在这里插入图片描述

2.3. 信息分析

在这里插入图片描述
// 需要检测的JS接口列表，所有JS接口列表见附录2,

jsApiList: ['selectEnterpriseContact', 'selectExternalContact', 'chooseImage', 'scanQRCode', 'shareWechatMessage'],

selectEnterpriseContact
选人接口

在这里插入图片描述

selectExternalContact
外部联系人选人接口
在这里插入图片描述

scanQRCode
企业微信扫一扫
在这里插入图片描述

chooseImage
图像接口-拍照或从手机相册中选图接口
在这里插入图片描述
shareWechatMessage
分享接口-自定义转发到微信

2.4. 真实用途

①把项目中用到的所有的企业微信接口，都写进入进行不通设备的隐藏与显示对应功能的按钮。
例如：

// 需要检测的JS接口列表，所有JS接口列表见附录2,
jsApiList: ['selectEnterpriseContact', 'selectExternalContact', 'chooseImage', 'scanQRCode', 'shareWechatMessage'],

②对相应的结果做判断
③隐藏或显示支持的接口API按钮（按钮只是展示的形式，自定义即可）
与页面进行动态交互

在这里插入图片描述

三、源码分享

3.1. 后端源码

后端：https://gitee.com/gblfy/qywx-inner-java
在这里插入图片描述

3.2. 前端源码

前端：https://gitee.com/gblfy/qywx-vuejs
在这里插入图片描述 qywx-vuejs)

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/515978.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！