对接企业微信应用jsSDK本地调试

已于 2023-02-03 16:14:48 修改
阅读量795 收藏
点赞数
分类专栏： js 文章标签： 企业微信
于 2023-02-03 16:08:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xss392795158/article/details/128869721
版权

前提：有域名

解决问题：要进行localhost开发，要调试jsSDK,需要企微环境

解决办法：将自己ip添加到 开发者接口 -> 企业可信IP
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述在这里插入图片描述

将本地ip添加到企业可信IP 即可

许珊珊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信jssdk本地调试
holmehai的博客
09-11 2062
研究了一天jssdk本地调试，文献几乎都是15、16年写的，这可以算是远古时期的方案了，踩了巨多坑，后知后觉很多方案都已经失效了，而且雷同巨多，大概都是抄来抄去的； 根据大家的方案分为两类： 内网穿透，用ngrok反向代理，有免费的域名，但是不能固定，一个月只能更改三次JS接口安全域名，而且微信现在也不给通过了，收费的可以自定义子域名，但是有没有效就不晓得了，因为我想靠自己实现（穷）。 代理劫持...
企业微信JS-SDK调试工具
11-17
企业微信在其客户端内置了一个浏览器,企业微信指定的url只能在企业微信内部打开,否则会显示打开错误的提示; 原理就是让企业微信内置浏览器的agent头跟其他浏览器不一样,而这个文件就是调试工具,相当于给开发者提供了一个调试入口,可以想谷歌等浏览器的F12一样
企业微信-jssdk封装-第三方开发-获取当前页面会话信息
04-09
自己对企业微信jssdk做的一个封装，集成了vConsole和weui，可以方便的获取当前页面的入口环境信息： isWechat //是否微信浏览器 isLoading //是否在loading状态 vConsole //vConsole对象 context //当前页面入口环境 shareTicket //userTicket userId //客户ID chatId //群聊ID networkType //网络类型 isConnected //网络是否连接 checkResult //微信js接口当前客户端的支持情况
关于微信js-sdk使用流程整理
最新发布
Program Apes
04-22 1611
关于微信sdk的使用，微信测试号的申请与配置，集前后端代码一体搞定微信分享，测试结果展示...
如何本地调试微信接口
AndyLizh的专栏
02-12 2262
在微信开发的时候，必须要输入URL，而该URL必须是外网域名，我们本地没法进行调试，这给我们造成很大的不方便，系统在开发阶段容易出现bug，如果服务器上的版本已经在运行了，我们不能在那基础上进行开发调试，所以能够在本地进行微信开发很重要。 工具/原料 微信公众号一个 ngrok 方法/步骤 1 要解决微
微信/企业微信-本地（MAC）VUE项目调用JS-SDK，开发测试环境搭建
qq_36674117的博客
01-24 2762
调用微信SDK前置条件 根据官方文档，前端在使用微信的接口前要先进行配置，配置信息得从后端获取，后端在计算signature时需要前端传入当前页面的URL，开发者要在公众平台设置JS SDK安全域名，在这个域名下才能使用微信JS SDK，所以前端需要满足下面两个条件才能成功调用JS SDK js请求需要从微信配置的安全域名下发出 在微信客户端或者在电脑端的微信开发者工具运行，测试 环境配置通过安全域名访问本地代码本地配置 + vue项目代码配置Fiddler 安装及连接手机抓包，在手机端的微信中通过安全
企业微信H5调试SDK
酱汁麻辣烫的博客
07-24 147
企业微信SDK调试，修改hosts实现平台SDK验证，调试
H5使用JS-SDK调用企业微信接口、调试
SuperGirl_ra的博客
08-24 2696
H5使用JS-SDK调用企业微信接口
微信获取jssdk例子JAVA例子
01-15
微信获取jssdk例子JAVA例子生成sign签名(MD5格式) 校验sign
PHP获取微信公众号JSSDk
04-01
PHP获取微信公众号JSSDK，拿到签名,返回前端，前端调用JSSDk,
微信jssdk+java版+jsp源码
12-07
微信开发入门教程 jssdk,通过config接口注入权限验证配置java+jsp微信开发教程，功能：扫描二维码，拍照、本地选图，图片预览，上传图片，下载图片，获取当前网络状态，查看地理位置，获取当前地理位置打开地图，...
java微信企业号接口测试,可直接整合使用
06-22
java微信企业号接口测试,可直接整合使用,~~~~~~~~~~~~~~~~~~~
js-sdk如何测试？
分享博主日常学习和使用的一些技术
10-31 218
未完待续
企业微信网页本地调试
weixin_45288512的博客
08-29 737
企业微信网页本地调试 pc代理、移动端代理。 1. 配置应用配置访问地址 2. 代理访问地址 3. 修改本地程序host 4. 网页访问与小程序访问 5. 移动端charles代理
企业微信网页开发本地调试方式
weixin_43180359的博客
08-31 4795
企业微信网页应用开发中，怎么在客户端内调试和关联打开本地服务。
企业微信—JS-SDK使用(例：预览文件接口)
LuoYi_ly_的博客
01-10 3307
vue3项目中调用企业微信JS-SDK,以预览文件接口为例
企业微信jssdk使用
qq_54397092的博客
03-06 895
按客户需求做一个企业微信的h5，需要用到企业微信的jssdk，以下是使用企业微信jssdk的步骤
企业微信JS-SDK的调用
moon_comb的博客
03-24 1774
企业微信JS-SDK的调用前篇前端框架功能点描述功能实现步骤具体实现在开发中遇到的error总结 前篇 公司最近要写一个企业微信上的应用项目，调用TAPD平台的数据，对公司人员、项目进行分析管理 前端框架 框架用的VUE,第三方UI库使用的是Vant.js(H5移动端) 功能点描述 这次主要写的是，点击沟通，准确定位到企业微信通讯录里的联系人与之进行会话 功能实现步骤 引入js文件 需要获取当前域名传给后端，后端返回config参数 通过config接口注入权限验证配置 注意config配置项里的jsAp
记录--微信调用jssdk全流程详解
林恒的博客
01-06 1944
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 微信调用jssdk全流程详解 系统框架使用的是前后端分离，前端使用vant，后端是springboot 一、网页授权的时序图 二、公众号配置 1. 绑定域名 登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。也就是这样： 点击设置之后，弹出这样一个输入框，输入服务器所在的域名： 2：引入js文件 直接...
vue2接入微信公众号JSSDK
07-28
要在Vue2中接入微信公众号JSSDK，您需要按照以下步骤进行操作： 1. 在公众号后台配置JS接口安全域名，确保您的域名已经添加到了微信公众平台的安全域名列表中。 2. 安装使用`weixin-js-sdk`库，可以通过npm进行安装： ``` npm install weixin-js-sdk ``` 3. 在需要使用JSSDK的组件或页面中引入`weixin-js-sdk`库： ```javascript import wx from 'weixin-js-sdk'; ``` 4. 在组件或页面的`mounted`生命周期钩子函数中初始化JSSDK，并进行相关配置： ```javascript mounted() { this.initWeChatJSSDK(); }, methods: { initWeChatJSSDK() { // 异步请求后端接口获取微信配置信息 axios.get('/api/getWeChatConfig') .then(response => { const { appId, timestamp, nonceStr, signature } = response.data; wx.config({ debug: false, appId, timestamp, nonceStr, signature, jsApiList: ['chooseImage', 'scanQRCode'] // 需要使用的JSSDK接口 }); wx.ready(() => { // JSSDK配置成功后的回调函数 console.log('JSSDK配置成功'); }); wx.error((res) => { // JSSDK配置失败后的回调函数 console.error('JSSDK配置失败', res); }); }) .catch(error => { console.error('获取微信配置信息失败', error); }); } } ``` 5. 在需要使用JSSDK的地方调用对应的接口，比如选择图片接口`chooseImage`： ```javascript methods: { chooseImage() { wx.chooseImage({ count: 1, success: function (res) { // 选择图片成功后的处理逻辑 const localIds = res.localIds; // ... }, fail: function (error) { // 选择图片失败后的处理逻辑 console.error('选择图片失败', error); } }); } } ``` 以上是在Vue2中接入微信公众号JSSDK的基本步骤，您可以根据实际需求进行相应的配置和调用。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值