浅谈微信内置浏览器调用支付宝支付完整教程《1》

最新推荐文章于 2025-05-06 15:43:12 发布
原创 最新推荐文章于 2025-05-06 15:43:12 发布
· 5.6k 阅读 · 2 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#支付 #微信调支付宝

项目背景：
二次开发微信公众号，需要接入支付宝支付，调用支付宝app或者支付宝网页支付，但是先了解，划重点，微信内置浏览器是不能唤醒支付宝app或者网页端支付，所以需要一个中间页，这也是整个调用支付的核心，整个中间页在微信内置的时候是图片，在外部浏览器会自动跳转到支付宝

直接看代码点这里进入

微信调用支付宝支付参考文档

Created with Raphaël 2.2.0 点击支付调用后台接口 返回支付宝给form表单 携带参数跳转到中间页面 展示图片提示用户再浏览器打开当前页面 进入浏览器支付宝页面 选择唤醒app还是网页支付 
中间页面的作用：
如果处在微信内置浏览器，显示提示图片

微信内置浏览器的显示

如果是浏览器端打开的中间页，自动跳转到第三方支付页面
在这里插入图片描述
：具体代码看下一章节微信调支付宝支付代码片段

bloxed
关注
vue-解决在微信内置浏览器中调用支付宝支付的问题
一只前端小菜鸟的博客
08-26 2万+
我的思路大概是这样的 1. 验证是否是在微信内置浏览器中调用支付宝 2.给支付页面的url加上调用接口所需的参数（因为在微信里是不能直接调用支付宝的需要调用外部浏览器） 3.在外部浏览器中完成支付跳转页面 第一步： payment: 是选择支付页面，pay-mask是用于在微信内置浏览器中调用支付宝的中间页 payment主要代码： let ua = window.navi...
微信中调起支付宝支付
热门推荐
han_calligrapher的博客
11-23 2万+
微信中调用支付宝支付，首先我们知道微信是不能直接调用支付宝的，所以我们需要使用一个中间页提示用户在浏览器中打开，然后进行网页支付或打开app支付。以下为详细唤起支付宝的步骤、业务代码以及相关页面图。 如有问题欢迎评论留言，看到定回复哦^_^\(^o^)/~ 一、微信中唤起支付宝，有几个步骤： 1、中间页引导用户在浏览器中打开去唤起支付宝。 2、浏览器中打开支付宝或app中打开支付宝。 3...
微信公众号支付宝跳转浏览器支付.rar
03-04
微信公众号内支付宝支付跳转页面和js
接入微信支付：最佳实践与优化业务流程
最新发布
sc35262的博客
05-06 918
接入微信支付需要全面考虑资质合规、技术实现和安全保障。通过优化后的业务流程，商家可以实现安全、高效的支付体验。后端负责调用微信支付API，前端仅触发支付。使用整数金额（分）避免精度问题。结合回调通知和轮询确保支付状态准确。借助官方SDK简化开发，降低错误率。
微信浏览器调用支付宝浏览器中打开
07-27
博文中资源
浅谈微信内置浏览器调用支付宝支付完整教程《2》
Bloxed_shangyc的博客
06-04 3758
话不多少直接上代码 1、 支付宝文档底部下载demo， 2、demo里有ap.js，pay.htm,post.htm等，pay.htm是支付宝为提供的demo中间页，用框架构造项目的需要自己改造下，在跳转中间页面的时候，需要用ap.js的方法 /** **创建订单接口，这个接口后台会返回一个form表单的字符串 *关注返回后调用goMask方法 */ pay_click(){ let param = { params:{ registrationId:this.registra
vue 解决在微信内置浏览器中调用支付宝支付的情况
01-18
我的思路大概是这样的 1. 验证是否是在微信内置浏览器中调用支付宝 2.给支付页面的url加上调用接口所需的参数（因为在微信里是不能直接调用支付宝的需要调用外部浏览器） 3.在外部浏览器中完成支付跳转页面 第一步： payment: 是选择支付页面，pay-mask是用于在微信内置浏览器中调用支付宝的中间页 payment主要代码： let ua = window.navigator.userAgent.toLowerCase() ua.match(/MicroMessenger/i) == “micromessenger” 这两句代码就是判断用户是否是用微信内置浏览器打开的页面 如果
微信浏览器中调用支付宝支付
weixin_34344403的博客
11-24 4145
众所周知，在微信浏览器中是无法唤起支付宝的，会提示请在浏览器中打开，如果非要在微信浏览器中调起支付宝的话，只能是跳出微信浏览器，关于这一点，在支付宝官网给出了一个例子。但是，话说回去，后来我仔细想想，其实真的没有必要非要在微信浏览器中调起支付宝支付（当时真是一根筋啊啊啊。。。） 支付宝手机网站支付的官方文档： https://doc.open.alip...
浅谈API安全
2301_78540048的博客
06-24 1326
API安全
前端框架-小程序uniApp
aming小老弟
12-03 1134
获取集合Collection示例如下。nosql 非关系型数据库。
ios学习资源
fishmai的专栏
05-15 1万+
問：學習Objective-C的書籍？答：Effective objective-C 2.0编写高质量ios和OS X代码的52个有效方法Learn Objective–C on the Mac by Mark Dalrymple and Scott Knaster, Apress.這本的內容是Objective-C跟一些基本的Cocoa Foundation Framework，是學習Obj...
解决微信中无法使用支付宝付款和弹出“长按地址在浏览器中打开”的解决办法
11-10
解决微信中无法支付宝支付问题，和弹出长按地址在浏览器中打开
微信公众号支付宝跳转浏览器支付.zip
03-12
解决在公众号中调起支付宝支付跳转浏览器的问题。使用方法：將ap.js 和pay.html引入到项目中，将需要跳转的支付宝支付地址传入pay.html中的code_url即可
微信遮罩层解决微信浏览器不能用支付宝问题
09-11
使用方法，将图片引入程序里，将代码粘贴到程序首页的body第一行。OK了，在微信中点开页面后会自动弹出遮罩层提示的，图片可以自行修改
调用微信和支付宝支付(java)
10-17
调用支付宝和微信支付源码(java源码)，nativePay为目前两种支付的入口。支付渠道1.微信 2.支付宝,包括微信和支付宝异步回调方法，sign签名验证等method
Java知识点概览
qq_48403611的博客
08-03 3855
java后端开发常见面试题总结
iOS：iOS开发非常全的三方库、插件等等
dienangpiao2051的博客
09-23 8288
iOS开发非常全的三方库、插件等等 github排名:https://github.com/trending, github搜索：https://github.com/search. 此文章转自github:https://github.com/Tim9Liu9/TimLiu-iOS 一、UI 下拉刷新 EGOTableViewPullRefresh- 最早...
微信浏览器中进行支付宝支付
sinat_28898561的博客
09-07 1万+
B端项目使用的是支付宝手机网页支付，微信浏览器中屏蔽了支付宝的功能。上有政策下有对策，支付宝也有应对的办法，下来就来说一说支付宝手机网站支付。第一步：开发准备工作 登录支付宝平台(需要实名认证的支付宝账号)，根据实际情况创建应用。 选择自用型应用，添加应用功能。 配置应用环境 支付宝中使用的是RSA2非对称密钥结构。 第二步：快速接入 下载服务端SDK（software Developm
微信浏览器打开支付宝支付页面
PrayFor丶Zx的博客
06-16 1万+
最近遇到了一点小难题 微信浏览器 默认把支付宝正式网关屏蔽了,怎么才能在微信浏览器内打开正式的支付宝支付页面呢, 答案很简单,用实现frame.  主要做法 把发送给支付宝的url镶嵌在frame的src上,就完全可以了
微信浏览器内调用h5支付
09-08
微信浏览器内调用H5支付是指在微信内置浏览器中使用H5技术进行支付的一种方式。H5支付是指在移动端网页中使用HTML5技术实现支付功能的一种支付方式。 微信浏览器内调用H5支付有以下几个步骤： 1. 商户网站或应用需要先接入微信支付，获取到相关的支付参数和密钥。 2. 在微信内置浏览器中，用户点击支付按钮后，商户网站或应用会将支付相关的订单信息传递给后台服务器。 3. 后台服务器根据传递的订单信息调用微信支付接口生成预支付订单，并将支付参数返回给商户网站或应用。 4. 商户网站或应用使用返回的支付参数，在微信内置浏览器中打开H5支付页面，展示给用户。 5. 用户在H5支付页面中输入支付密码等相关信息，并完成支付流程。 6. 支付成功后，微信支付会将支付结果通知商户后台服务器。 7. 商户后台服务器根据微信支付通知的结果更新订单状态，并返回支付结果给商户网站或应用。 微信浏览器内调用H5支付的好处是用户体验较好，无需下载APP即可完成支付，方便快捷。同时，商户也能通过微信支付的回调通知接收支付结果，便于及时更新订单状态。 需要注意的是微信浏览器内调用H5支付需要商户接入微信支付功能，并遵循相关的开发规范和安全要求，以确保支付过程的安全性和可靠性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值