微信生态下的小程序和公众号开发已经比较成熟网上攻略很多微信开发者工具的支持程度也很完备。但对于企业微信的应用开发能搜到的信息要少得多。除了官方文档网上资料大部分是接口调用问题相关的当然也有部分提到了企业微信应用的开发调试问题。
其实在开始网页应用开发前我先摸索过几天企业微信小程序的开发。应该是在去年微信开发者工具IDE中提供了“企业微信小程序插件”基本上能够在模拟器中调试大部分的接口算是比较方便。但小部分跟场景相关的还是不行必须真机调试。这里要补充几句企业微信和个人微信对于应用的使用/唤醒方式有很大的区别。在企业微信中应用加载时所处的“场景”是非常重要的信息比如是从工作台、聊天附件还是侧边栏进入。通常不同进入方式加载的页面或页面内容是不同的而场景在模拟器中无法模拟。最好的方式就是把应用先上线;可以只放几个控件、没有逻辑实现然后在企业微信后台关联小程序用体验版进行真机调试。
后来小程序这条路没有继续。主要原因是我们要开发的是一个跟聊天双方都强关联的应用在聊天侧边栏展示。而小程序会直接蹦出一个独立窗口给人的感觉与正在聊的天联系非常弱可能更适合工具类或弱交互的应用类型。
回到网页应用的路上后发现是个大坑。没有模拟器、各种约束限制。在搜遍各种文章后我感觉并没能把“如何方便地开发和调试企业微信网页应用”这个问题彻底搞明白缺少可操作、步骤清晰的指南。在早几年16年之后有过一波“微信企业号”的开发是企业微信的早期版本也存在开发调试难的问题可见四五年过去了并没有什么大变化。网上能搜到相关文章也给了我不少帮助。
本篇文章目的是记录下我自己的环境搭建过程存个档。也希望能给网友一些思路。
1. 企业微信客户端的应用绑定我本地的开发环境而非生产环境
说明内网渗透工具很多有免费/付费的也可以自己搭建。我是花钱买的每个月不到10块带宽共享但开发够用。为什么没有用免费主要原因是免费的大部分不能提供固定域名不定时变更。只要一变更就得在服务器上修改nginx配置非常麻烦。
另外需要注意一下很多工具会对域名备案所在的云服务商阿里云或腾讯云有要求如果不是一个服务商会有额外的配置步骤。
3. 在服务器上装nginx将80端口代理到内网渗透工具提供的域名上
说明应用需要打包后用httpserver启动服务确保内网渗透工具也是启动的。验证成功后就可以回到开发模式了。
2. 企业微信管理后台在应用管理下添加应用入口比如侧边栏之类的。
3. 使用PC客户端查看是否能正确显示页面。如果没有的线c;使用浏览器输入域名看看。如果浏览器中也没有检查内网渗透和反向代理配置如果浏览器中有检查第1步配置的域名是否正确、以及第2步在入口中指定的页面链接是否正确。
4. PC客户端中按shift Ctrl Alt D开启调试模式。之后重新进入应用页面点右键“检查元素”就能进入调试工具了。跟chrome开发者工具差不多。
支持最完备能够调试场景相关的api。缺点是调试工具和chrome相比略微不同而且每次改完代码需要手动点几下重新进入应用页面不能直接刷新
比PC客户端方便一些。大部分api可支持但无法调试场景相关的api
另外浏览器可以模拟微信内置的浏览器需要配置一下UA。可参考这篇文章在 Chrome (谷歌浏览器) 中模拟微信内置浏览器_高先生的猫-CSDN博客_chrome模拟微信内置浏览器配置完后就可以避免某些api调用完显示“在微信企业微信中打开”这样的情况了。
获取用户信息，并追加用户信息（如：openid、昵称、头像等）地址参数跳回前端页面。 具体说明：...
（毕竟微信已经成为国民工具）。虽然文档已经写得很详细，但是对于没有经验的开发者还是容易踩坑。 所以，专门记录一下
授权是服务号才有的高级功能，开发者可以通过授权后获取用户的基本信息；在此之前，想要获取消息信息只能在用户和公众号交互时根据openid获取用户信息；而
，带参数二维码的使用用作记录用户来源，模板消息用作购物消费等消息的通知，但是很少看到有综合利用这些高级接口做出体验比较好的公众账号，这里...
授权测试6.2 获取用户code测试6.3 获取JSSDK配置信息测试7. 本地地址测试问题8. ...
点此查看微信公众号/微信网页/微信支付/企业微信/小程序开发合集及源代码下载
先解释下什么是授权授权是指微信用户授权网页获取用户相关的信息。
也就是说微信官方为了保护用户隐私权益默认是不允许咱们开发的网页获取用户的信息的我们需要让用户授权。
snsapi_userinfo可以获取更多用户信息如头像、性别、昵称但是需要用户手工确认授权。另外注意如果用户已关注公众号那么在进入公众号网页时使用snsapi_userinfo也是静默授权。微信官方认为既然关注了公众号公众号就有权力获取用户信息。
此处吐槽下微信搞一个名字太容易误导开发者了。
创建SpringBoot项目并引入微信公众号、微信支付依赖。
开发供公众号配置类将公众号的appid、appsecret等参数注入容器。注意代码中xxx需要替换为实际参数。
此处需要注意的是此处网页地址我均使用的公网可访问的域名地址此处使用的是内网穿透。有公网服务器的也可以选择直接使用公网服务器测试。
打开开发者工具输入地址引导用户授权此时开发者工具提示
我们登录公众号在【设置与开发】-【公众号设置】-【功能设置】-【网页授权域名】中添加当前域名。注意此处需要下载txt文件放到域名根目录。
进入我们指定网页后我们将地址栏的重定向地址拷贝出来
我们可以访问但是如果回调地址填写本地地址微信会提示redirect_uri参数错误所以使用本地地址测试是不方便的。
微信网页授权的过程确实比较绕但是该功能比较重要包括后续的微信公众号支付开发也需要借助网页授权。
授权获取用户基本信息”的配置选项中，修改授权回调域名。请注意，这里填写的是域名（是...
。 ##测试开发 仅尝试功能的话，可在demo服务器（简单功能）中测试，支持多用户实例。 如果需要调试开发，首先安装好node.js开发环境，运行 npm install npm run build npm run debug 即可运行...
授权，并且很多涉及安全的操作我们必须要先获取用户信息才能继续，本文章简单介绍了微信授权流程，并通过申请微信测试账号来模拟网页授权，用户在授权页点击确定
上一键点击，就可以分享给朋友，或者分享到朋友圈，无疑是炫酷的功能。本篇就来具体实现下。 2.
说明 分享给朋友官方说明： wx.ready(function () { //需在用户可能点击分享按钮前...
点此查看微信公众号/微信网页/微信支付/企业微信/小程序开发合集及源代码下载
本篇来实现下图像相关的接口包括拍照、预览、上传、下载图片接口。
允许用户提供一个令牌而不是用户名和密码来访问他们存放在特定服务提供者的数据。每一个令牌授权一个特定的网站例如视频编辑网站)在特定的时段例如接下来的2小时内内访问特定的资源例如仅仅是某一相册中的视频。这样OAuth允许用户授权第三方网站访问他们存储在另外的服务提供者上的信息而不需要分享他们的访问许可或他们数据的所有内容。
在进行微信OAuth2.在进行微信OAuth2.0授权登录接入之前在微信开放平台注册开发者帐号并拥有一个已审核通过的网站应用并获得相应的AppID和AppSecret申请微信登录且通过审核后可开始接入流程。
之后提交审核即可等微信审核通过我们即可获得我们需要的网页应用的appid和AppSecret并配置后回调的域名了这三样是我们开发所必须的。
由于我们这里要使用微信登录的接口所以我们还需要向微信提出认证只有认证了才能使用微信那些高级的接口。未认证的如下图所示
我现在暂时没有找到可以向公众账号那样子的测试账号的申请。如果有知道怎么可以申请到测试账号的高手希望能赐教一下。
微信OAuth2.0授权登录让微信用户使用微信身份安全登录第三方应用或网站在微信用户授权登录已接入微信OAuth2.0的第三方应用后第三方可以获取到用户的接口调用凭证access_token通过access_token可以进行微信开放平台授权关系接口调用从而可实现获取微信用户基本开放信息和帮助用户实现基础开放功能等。
当我们通过微信的认证获取到了appid和AppSecret并配置了回调的域名。我们就已经可以获取属于我们网页的二维码了获取的方式很简单只需打开一个微信的链接加上我们的appid和回调域名即可在网页上面打开二维码用户用微信客户端扫码并授权登录之后即会跳转到我们配置的回调域名下。
将其复制到浏览器中打开即可获得一号店的二维码二维码页面如下
通过使用微信客户端的扫一扫功能扫描该二维码即会跳转到上面填写redirect_uri所在的地址上。假如用户同意授权这里就获得了微信返回的code参数了。
假如前面已经获得code。我们可以通过code参数去获取用户openid和access_token,进而获得用户的信息。
使用snsapi_base作用域的授权是扫码之后无需用户点击授权扫码后直接跳转用户感觉不到授权了但这种授权方式能获取的数据量有限这里我们要获取用户的基本信息我们需要使用snsapi_userinfo授权。使用snsapi_userinfo授权扫码后出现类似于下面的授权界面
此接口用于获取用户个人信息。开发者可通过OpenID来获取用户基本信息。特别需要注意的是如果开发者拥有多个移动应用、网站应用和公众帐号可通过获取用户基本信息中的unionid来区分用户的唯一性因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号用户的unionid是唯一的。换句线c;同一用户对同一个微信开放平台下的不同应用unionid是相同的。请注意在用户修改微信头像后旧的微信头像URL将会失效因此开发者应该自己在获取用户信息后将头像图片保存下来避免微信头像URL失效后的异常情况。
最近着手开发了微信网页扫码登录和公众号授权登录收获颇丰两者的开发很类似。以下是我个人摸索过程中发现的两者的异同
两者都可以通过微信客户端扫码授权的方式让第三方页面获得微信用户的一些基本信息昵称、性别、所在地、在微信唯一标示等……。他们都是通过提供一个链接让用户授权的方式。但网页版需要在页面打开二维码之后授权而公众号则需要用户先关注了我们的公众号然后点开公众号里面的链接确认授权即可。
网页扫码登录需要将授权的链接二维码链接在网页中打开、而公众号授权登录的链接必须要微信客户端中打开。
无论网页扫码登录还是在公众号中授权登录都是通过授权的方式获得一个code参数之后通过code参数获取access_token和openid和通过access_token和openid去获取用户的基本信息的请求链接是一样的。
在开发公众号授权登录的过程中我发现了有测试账号的提供足以满足我们的测试和开发但在开发网页扫码时暂时未发现哪里能获取测试账号我是通过申请获取的。希望知道哪里有测试账号的请求高手赐教。
普通浏览器使用的网页。例如IE浏览器、谷歌浏览器，或者手机上的UC浏览器、QQ浏览器使用的网页。 一般使用的
调起扫一扫功能，可以识别一维码、二维码的内容，然后根据扫码结果实现我们的业务逻辑。 2. 代码 代码如下，需要注意的是needResult参数最好设置为1，也就是扫码的结果我们自己处理。如果设为0，...
配置验证 package com.example.wx.controller; import javax.servlet.http.HttpServletRequest; import ...
开放平台和公众平台的区别 1.公众平台面向的时普通的用户，...开发者或软件
适合企业的电子商务网站，扫描二维码进去一个游戏界面，然后去购买商品等。当然后续开放
适合企业的电子商务网站，扫描二维码进去一个游戏界面，然后去购买商品等。当然后续开放平台要开放支付
授权机制，来获取用户基本信息，进而实现业务逻辑。 关于网页授权回调域名的说明 1、在微信公众号请求用户网页授权之前，开发者需要先到公众平台...
的，而开发者工具就可以，另外开发者工具还可以方便的查看调试、错误提示信息。 注意，强烈推荐大家使用开发者...
官方文档的的介绍，请注意区分：在关注者与公众号产生消息交互后，公众号可获得关注者的 OpenID（加密后的微信号，每个...
，为了快速实现该功能效果，于是我打算通过前台js进行实现来看看分享效果...
授权回调域名，需要配置为当前项目地址。使用测试号时用ip即可，但是线上必须是域名。
推送消息事件，发起公众号授权，处理各消息事件，粉丝，分组，支付，emoji处理,
JS-SDK的使用步骤，配置信息的生成获取讲解： 关于JS-SDK的使用步骤和timestamp...
授权，很多朋友在使用这个的时候失败了或者无法理解其内容，希望我出个教程详细讲解一下，于是便有了这篇文章。 一、什么是...
