分享好友 最新动态首页 最新动态分类 切换频道
vue自建h5应用,接入企业微信JDK(WECOM-JSSDK),实现跳转添加好友功能
2024-12-27 13:22

1、使用vue开发了一套h5页面的项目
2、这个h5链接是在企业微信里某个地方打开的
3、打开页面的时候有一个好友列表,点击好友列表某一条复制手机号跳转到企业微信添加好友页面

博客只允许上传gif图,所以我只能手机进行录屏,然后再拿gif录一次video给大家展示(如果他不动了,你就刷新一下页面

1、通过 npm 引入(企业微信 WECOM-JSSDK

 

2、页面中使用

 

3、页面初始化注册企微的jdk(强度来了,非非非常烧脑,需要细看细看细看

在看这条之前你需要先明白几点
1、想要调用企微的东西,通俗说需要先把你自己的项目让企微进行授权,简单思路就是
appid+url----> 换code ---->拿code---->换access_token
2、(解释第一点)你拿自己的企微id(appid)以及页面地址,去获取企微的code,拿到code后去换取access_token,拿到token后就能进行你自己页面的接口等其他操作了

 
 
 
 

这个代码40093问题是很常见的,当时一直在翻企微的社区文章找错误解决办法,结果改了一圈没有一个类似的,然后又重新返回去按照文章步骤去一步一步排查,终于发现了问题点在哪

解决点1:我用的是npm引入的方法,并且是h5自建应用,所以应该用这种方法去初始化,而我用的是上边“企业身份与权限”,没细看自己的需求直接文章都不翻去用,导致卡了很久
解决点2:后端直接扔个我一个获取签名的接口getAppTicket 说只有这么一个接口绝对没问题,然后又去拿签名验证工具重复的看也没问题,死活非说前端报错,这可一顿好找啊,后来我就一直纠结那个签名算法生成的文章,逼着后端宝贝一块看真的没问题嘛?最终发现了。又给了我一个getAgentTicket接口,说换这个试试,然后一举成功。
getAgentTicket 获取应用的jsapi_ticket
getAppTicket 获取企业的jsapi_ticket

1、调到这块我信誓旦旦觉得没问题了,所以就去手机端尝试,结果又给我报这个错没有权限。
2、我以为是哪块又配置的不对,初始化的时候在jsApiList也配置了自己想要的api了啊。然后我就去调用的扫一扫的功能ww.scanQRCode({needResult: true,scanType: [‘qrCode’]}) 放到手机里直接使用,可以出来扫一扫界面,那就找到了初始化这块肯定是成功了,那就是这个跳转好友这块有问题,然后又去翻文章。

1、后台配置一下添加好友权限即可

至此全部功能已经实现,总结来说按照官方文档步步排查走踩坑少,自己想做什么都不明确,光靠一个报错去搜索解答会浪费很多时间。多看文档,少瞎胡搜报错,少走弯路
还有一个点,不管是初始化jdk还是调用后续的api方法,企微都有Success,跟Fail的回调,可以快速的帮助你找到报错原因。

主要的参考资料链接,其实都是企微的官方文档,主要注意的点就差不多这几个
https://developer.work.weixin.qq.com/document/path/98132 (第一个肯定是企业微信的开发文档了,项目怎么接入企微的jdk
https://developer.work.weixin.qq.com/document/24364#%E8%8E%B7%E5%8F%96%E5%BA%94%E7%94%A8%20jsapi_ticket (这个还是属于企微的文档,但也是最关键的一步,怎么生成签名——需要后端同事一块查看
https://developer.work.weixin.qq.com/document/path/90542 (依旧企微的文档,常见错误问题排查,比如最主要的签名错误

最新文章
百度发布大数据众智开放平台“点石” 携手行业伙伴加速产业发展
数据是AI时代的燃料。7月4日,百度AI开发者大会(Baidu Create 2018)在北京召开。百度大脑论坛上,百度大数据部高级总监郭谢介绍了基于百度大数据技术的产品生态圈,并发布大数据众智开放平台“点石”(dianshi.baidu.com),提升数据处理效
高清美女写真生成攻略:用搜狐简单AI打造你的虚拟偶像
打开你手机上的微信,搜索“搜狐简单AI”小程序,或者直接访问其官网。步骤2:选择生成类型在主页选择“美女写真”选项,系统会引导你到生成界面。步骤3:上传或选择基础素材你可以选择从图库中上传一张照片,或者使用系统自带的模板。步骤
苹果大动作!全新苹果智能来了!OpenAI重磅官宣:将ChatGPT全面接入苹果设备
每经编辑 杜宇据中证金牛座,当地时间12月11日,苹果发布iOS 18.2、iPadOS 18.2和macOS Sequoia 15.2,同时推出一组全新苹果智能功能,在此前已推出的首批功能基础上,进一步提升用户的iPhone、iPad和Mac使用体验。苹果称,苹果智能是一套
重点建设学科软件投入与执行情况验收表模板
《重点建设学科软件投入与执行情况验收表模板》由会员分享,可在线阅读,更多相关《重点建设学科软件投入与执行情况验收表模板(1页珍藏版)》请在装配图网上搜索。
警惕!手机里的这些APP一定要卸载!!!
国家计算机病毒应急处理中心近期通过互联网监测发现,这些移动App存在隐私不合规行为。1、未声明App运营者的基本情况、未声明隐私政策时效。涉及10款App如下:《医家助手》(版本1.11,应用宝)、《乐护》(版本1.08,)、《亲亲熊识字》(
百度地图修改店铺名称
实体店为什么要在微信上做?现在很多聚餐约会,都会提前在美团或者其他平台选择好门店,在微信发送位置给朋友,这个时候要是你的门店在微信发送位置时搜索不到,可能就会损失一定的客户,微信位置看似小,但却很重要,能给客户带来很多便利
无需插件即可优化 WordPress 速度的 12 种策略
为什么要尝试在没有插件的情况下优化 WordPress 网站的速度?缓慢的网站不仅仅会带来一些小不便,而且当您尝试建立在线成功时,它是一个重大障碍。事实上,根据Portent2022 年的一项研究,在加载页面的前五秒内,每增加一秒,网站转化率平
精品与普通商品之间的差异究竟体现在哪些方面?
在现今的商品市场中,我们经常听到“精品”一词,而这一词汇正是消费者对高质量、高价值的商品所做的总结性描述。那么,精品与普通商品之间的差异究竟体现在哪些方面呢?以下为您进行详细的解析。精品往往在设计中融入了独特的创意和设计理
全球十大购物网站排行榜(转)
  现今社会所有都计算机化,你只需拥有一台计算机,连接互联网,便可以轻轻松松地把所有事情处理妥当,大至个人财务金融管理、小至买本书或买件衫,都可于网络上完成交易。话虽如此,但对于fashion人来讲,最大乐趣莫过于逛街试衫,享受
相关文章
推荐文章
发表评论
0评