微信第三方平台对接流程梳理 - 回调带自定义参数

最新推荐文章于 2024-09-25 18:14:16 发布
最新推荐文章于 2024-09-25 18:14:16 发布
阅读量2.7k 收藏 4
点赞数 1
文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26412535/article/details/114318417
版权

整体流程图 :
在这里插入图片描述

1.接收验证票据（component_verify_ticket）

出于安全考虑，在第三方平台创建审核通过后，微信服务器会每隔 10 分钟会向第三方的消息接收地址推送一次 component_verify_ticket，用于获取第三方平台接口调用凭据。

第三方的程序被动接收，建议每次都将新值放入Redis中，供其他请求获取值(获取令牌时使用)。

接口文档：https://developers.weixin.qq.com/doc/oplatform/Third-party_Platforms/api/component_verify_ticket.html

推送内容解密后的示例：

 <xml>
	<AppId>some_appid</AppId>
	<CreateTime>1413192605</CreateTime>
	<InfoType>component_verify_ticket</InfoType>
	<ComponentVerifyTicket>some_verify_ticket</ComponentVerifyTicket>
 </xml>

2.获取令牌（component_access_token）

第三方平台通过component_appid和 component_appsecret，以及 component_verify_ticket（每 10 分钟推送一次的安全 ticket）来获取自己的接口调用凭据（component_access_token）

（微信开放平台管理中心的第三方平台详情页中可以查看的 AppID 和 AppSecret）。 

在需要授权时，第三方平台程序主动发送POST请求获取，单个令牌有效期为2个小时(7200s)，在令牌快过期时（比如1小时50分），重新调用接口获取，可以将其存储在Redis中。

接口文档：https://developers.weixin.qq.com/doc/oplatform/Third-party_Platforms/api/component_access_token.html

POST数据示例

{
  "component_appid":  "appid_value" ,
  "component_appsecret":  "appsecret_value",
  "component_verify_ticket": "ticket_value"
}

返回数据示例

{
  "component_access_token": "61W3mEpU66027wgNZ_MhGHNQDHnFATkDa9-2llqrMBjUwxRSNPbVsMmyD-yq8wZETSoE5NQgecigDrSHkPtIYA",
  "expires_in": 7200
}

3.获取预授权码（pre_auth_code）

通过第二步获取的接口调用凭据（component_access_token）来获取用于授权流程准备的预授权码（pre_auth_code）。

每个预授权码有效期为10分钟（600s）需将其存储在Redis中，生成授权页会使用。

接口文档：https://developers.weixin.qq.com/doc/oplatform/Third-party_Platforms/api/pre_auth_code.html

请求参数说明
参数	类型	必填	说明
component_access_token	string	是	第三方平台component_access_token，不是authorizer_access_token
component_appid	string	是	第三方平台 appid
返回数据示例：

{
  "pre_auth_code": "Cx_Dk6qiBE0Dmx4EmlT3oRfArPvwSQ-oa3NL_fwHM7VI08r52wazoZX2Rhpz1dEw",
  "expires_in": 600
}

4.引入用户进入授权页

第三方平台方可以在自己的网站中放置“微信公众号授权”或者“小程序授权”的入口，或生成授权链接放置在移动网页中，引导公众号和小程序管理员进入授权页。

用户进入第三方平台授权页后，需要确认并同意将自己的公众号或小程序授权给第三方平台方，完成授权流程，授权方式分为以下两种，详细介绍：

方式一：授权注册页面扫码授权

授权页网址为：

https://mp.weixin.qq.com/cgi-bin/componentloginpage?component_appid=xxxx&pre_auth_code=xxxxx&redirect_uri=xxxx&auth_type=xxx。

 

方式二：点击移动端链接快速授权 第三方平台方可以生成授权链接，将链接通过移动端直接发给授权管理员，管理员确认后即授权成功。

授权链接地址：

https://mp.weixin.qq.com/safe/bindcomponent?action=bindcomponent&auth_type=3&no_scan=1&component_appid=xxxx&pre_auth_code=xxxxx&redirect_uri=xxxx&auth_type=xxx&biz_appid=xxxx#wechat_redirect

5.获取授权码（pre_auth_code）

当用户在第三方平台授权页中完成授权流程后，第三方平台开发者可以在回调 URI 中通过 URL 参数获取授权码。

回调URI中会接收授权码信息和过期时间(redirect_url?auth_code=xxx&expires_in=600）（获取接口调用凭据时使用）

6.获取接口调用凭据（authorizer_access_token）

通过授权码和自已接口的调用凭据（component_access_token）换取公众号或小程序的接口调用凭据（authorizer_access_token 和用于前者快过期时用来刷新它的 authorizer_refresh_token）和授权信息（授权了哪些权限等信息）建议保存授权信息中的刷新令牌（authorizer_refresh_token）。

接口文档：https://developers.weixin.qq.com/doc/oplatform/Third-party_Platforms/api/authorization_info.html

7.获取/刷新授权公众号或小程序的接口调用凭据

刷新令牌（在授权的公众号具备API权限时，才有此返回值），刷新令牌主要用于第三方平台获取和刷新已授权用户的 authorizer_access_token。

一旦丢失，只能让用户重新授权，才能再次拿到新的刷新令牌。用户重新授权后，之前的刷新令牌会失效，所以建议来刷新公众号或小程序的接口调用凭据。

接口文档：https://developers.weixin.qq.com/doc/oplatform/Third-party_Platforms/api/api_authorizer_token.html

8、第三方平台接口使用

通过以上授权流程，获取到微信小程序的接口调用凭据authorizer_access_token后即可完成相应的业务开发了。

如小程序基本信息接口，以下可以获取小程序的基本信息：

 GET https://api.weixin.qq.com/cgi-bin/account/getaccountbasicinfo?access_token=ACCESS_TOKEN

 接口文档：https://developers.weixin.qq.com/doc/oplatform/Third-party_Platforms/Mini_Programs/Mini_Program_Information_Settings.html

9.如何在企业微信网页授权链接中加入自定义参数

问题复现
在使用企业微信网页授权链接时，redirect_url中无法加入自定义的参数。
比如：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=https://www.baidu.com?need_trim=need_trim&agentId=1&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect

这样的授权链接，在重定向到redirect_url的时候，是不会携带need_trim和agentId参数的。

解决方案
将redirect_url进行encodeUrlComponent,推荐一个在线转换的网址：encodeUrlComponent。转换之后授权链接就成了这种形式：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=https%3A%2F%2Fwww.baidu.com%3Fneed_trim%3Dneed_trim%26agentId%3D1&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect

这个时候，重定向redirect_url之后，会携带need_trim和agentId两个自定义的参数。

详细授权流程说明：

https://developers.weixin.qq.com/doc/oplatform/Third-party_Platforms/Authorization_Process_Technical_Description.html

相关接口文档说明：

https://developers.weixin.qq.com/doc/oplatform/Third-party_Platforms/api/pre_auth_code.html

voaycc
关注
vue - 网站接入微信扫码登录功能详细教程，完整详细流程及完整功能示例源代码（附常见问题的解决方案与二维码样式修改方案）
高级前端工程师
03-03 5064
vue.js项目植入微信登录，vue网页项目怎么做微信扫码登录，VUE项目中的微信扫码登录，VUE中最简单的js调用微信扫一扫功能，vue:如何设计网页的微信扫码登录功能，微信扫码功能官方文档，通过vue方式实现二维码扫码功能，vue调用微信扫码，vue H5 调用微信扫描二维码，Vue前端实现微信扫码登录，vue-wxlogin 微信授权登录组件，网站引入的微信登录框如何修改宽高或其他样式，wxlogin 组件插件怎么改变宽高，vue-wxlogin组件怎么自定义样式，微信网页授权，vue调用微信JSDK
【Java实战】农行支付对接流程开发详解
~~~~~~~BUG FLY~~~~~~~~~
02-02 2102
在实际开发中，涉及金钱那就少不了对接支付，常用的支付方式有微信支付和支付宝支付，这两个在其官网都有详细介绍，对接比较容易上手，而在项目中会经常和银行或者三方支付平台合作，本文将要描述和农行对接的详细步骤，希望给读者避避坑。总结一些这次对接过程中的问题，主要还是沟通的问题，技术问题需要中间转述，效率低下。
微信回调页面增加除code外其他的自定义参数
吾行远方
05-27 3280
1、背景 使用微信回调，通过网页授权，获取code，再通过code获取openid,再根据openid根据自己需要去请求其他接口。但是有时候我们不想返回到页面的只有一个code参数，还想传一个自定义参数。那么需要怎么做呢？下面分享自己的实现方法，如果有更好的方法，也请各位大佬评论区告知一下，共同进步，本菜鸟不胜感激！ 2、回调url拼接案例 https://open.weixin.qq.com/...
系统对接和服务器采集,一种直接与第三方系统对接的实现方法与流程
weixin_42300211的博客
08-11 798
技术特征：1.一种直接与第三方系统对接的实现方法，其特征在于：包括如下步骤：S1、采集系统采集信息；S2、采集路由软件判断中转服务器；S3、中转服务器向不同系统传递业务信息；S4、接受信息，分类，与对应的系统通信连接并转发信息。2.根据权利要求1所述的一种直接与第三方系统对接的实现方法，其特征在于：在S1中，用户打开终端，用户输入自己的用户名和密码登录终端，服务器通过读取用户数据库来验证用户身份，...
微信第三方开发平台接入公众号整体技术方案
最新发布
小杨互联网
09-25 1020
微信公众平台微信公众号就像是你在微信里的一个“官方小号”，专门用来发布内容、和粉丝互动。用户可以关注你的公众号，收到你发布的消息，就像朋友圈那样。公众号还能提供很多实用功能，比如：自动回复消息：有人发消息给公众号，系统会根据设定自动回复。自定义菜单：在公众号的界面设置一些按钮，粉丝可以点进去直接访问某些功能或页面（比如商品链接、查询服务等）。推送文章：你可以定期发布文章、新闻或活动通知。支付功能：通过公众号直接进行商品销售，支持微信支付。公众号的主要类型：订阅号。
微信第三方网页授权关于回调域名的问题
热门推荐
fanwl的专栏
05-13 3万+
最近一直在做微信第三方的开发，在微信公众平台里的开发文档上关于微信网页授权使用到了OAuth2.0，在使用中需要配置指定的链接 https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#we
关于微信开放平台授权事件接收Url的配置以及参数接收
ckk_0821的专栏
02-24 2万+
关于微信开放平台授权事件接收Url的配置以及参数接收
微信网页授权回调地址放多个参数的方法
sinat_36454672的博客
01-16 7410
微信网页授权: https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect 跳转后地址 redirect_uri/?code...
企业微信第三方应用开发--回调配置
qq_34626688的博客
07-20 3567
** 企业微信第三方应用开发–回调配置 ** 前言：经过一段时间的研究，终于把相关配置成功实现。在这个过程中遇到各种坑，也查阅了不少的博客都未能解决问题，最后研究官方的java事例demo加已实现。下面会将流程和踩过的坑周一阐述，感谢浏览。 1.下载官方样例demo 1.1入口 1.2选择连接下载 1.3解压后的demo结构 会发现，我们无法直接验证；要对其进行改造 2对demo进行改造 2.1新建一个spring-boot项目，并将刚刚下载的demo移植过来，项目结构如下： 当然，根据个人需要对原有
基于 Java Spring Security 的关注微信公众号即登录的设计与实现 ya
m0_67698950的博客
04-07 1980
太长不看版本 本文通过一个实际的具有一定商业价值的项目，展示了 API 优先的开发方法。通过薅羊毛的方式，落地了 Free Arch 架构。 背景和价值 通过微信公众号积累粉丝并进行商业活动宣传，是新媒体运营的常见方式。而系统对接微信登录，既能给用户带来便利，同时也能够给系统引流。但是传统或者标准的 PC 网页端微信扫码登录，用户扫码只需要做 OAuth 授权，不必关注公众号。但是对于运营者来说，更希望通过微信登录的用户，自动成为微信粉丝，实现系统中微信用户和公众号粉丝的一一对应。 ..
微信回调方式说明
实践求真知
01-02 3176
一回调方法定义 控制器中定义回调方法 @GetMapping("callback") public String callback(String code, String state, HttpSession session) { System.out.println("callback被调用"); System.out.println("code:" + code); System.out.println("state:" + state); return null.
微信开发技术对接常见参数整理
天马3798
06-10 686
小程序端用户生成，调用接口获取登录凭证（code）。令牌，获取小程序全局唯一后台接口调用凭据，token有效期为7200s，开发者需要进行妥善保存。微信用户wxid=>企业主体（多个小程序）=》唯一的代表用户ID，全局唯一，永生不变。微信用户wxid=》appid=>唯一的代表小程序用户ID，全局唯一，永生不变。商户号ID，代表微信商户的id，微信支付账号id，收钱结算。小程序秘钥，开发这独立保存，微信服务器保存。:小程序的id，代表小程序实例。微信支付订单ID，微信生成。
三方接口调用设计方案
Jernnifer_mao的博客
08-26 1162
API密钥生成：为每个三方应用生成唯一的API密钥对（AK/SK），其中AK用于标识应用，SK用于进行签名和加密。AK：Access Key Id,用于标示用户。SK：Secret Access Key,是用户用于加密认证字符串和用来验证认证字符串的密钥，其中SK必须保密。通过使用Access Key Id / Secret Access Key加密的方法来验证某个请求的发送者身份。接口鉴权：在进行接口调用时，客户端需要使用AK和请求参数生成签名，并将其放入请求头或参数中以进行身份验证。
微信小程序自定义组件数据、方法和属性
实践求真知
09-09 4812
微信小程序
Day113.尚医通：微信登录二维码、登录回调接口
a111042555的博客
07-29 3047
尚医通
第三方登录流程代码实现及流程图分析
justzcy的博客
06-09 3924
第三方登录实现流程，图解，代码分析
第一课 大数据技术之Fink1.13的实战学习-部署使用和基础概念
QnHyn
06-11 1846
Flink
微信授权回调接口
04-26 1747
/** * 微信授权回调接口 * * @return * @throws IOException */ @GetMapping("/authCallBack") public ResultMap authCallBack(HttpServletRequest request) throws IOException { String code = request.getParameter("code"); St.
h5页面在微信内置浏览器如何获取code传递给后端
weixin_57986195的博客
10-18 1602
vue实现的 h5页面(项目)如何在微信内置浏览器如何获取code传递给后端
前端微信公众号开发总结(开发篇)
qq_42980124的博客
04-24 6987
前言（继续废话篇） 万众期待的开发篇新鲜出炉了，这一篇内容会有点长，请各位童鞋耐心观看！！！ 微信开发总结开始 一.开发所需准备工作（请仔细阅读微信公众平台开发文档） a:下载微信开发者工具（此工具也可用于小程序开发）。下载链接：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Web_Developer_Tools.html...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值