react-native WebView 调起H5支付，提示商家参数格式有误

最新推荐文章于 2023-03-27 15:56:11 发布
最新推荐文章于 2023-03-27 15:56:11 发布
阅读量774 收藏 1
点赞数 1
文章标签： react native 安卓 webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhenzhenzhen1705/article/details/107949213
版权

最新项目遇到一个bug，react-native WebView 调起H5支付，提示商家参数格式有误

这个问题查阅了很多资料都解决不了自己的问题，后面还是解决了，这里直接上解决方案，不废话

这个问题是因为跳转到H5时，需要带上参数 Referer 这个请求头，具体可以抓包看看

在IOS是有的，也是可以正常的支付，就是在安卓端不行，是因为安卓跳转时进行了重定向把 Referer 弄丢了

解决方案就是：在安卓WebView中手动配制请求头 referer

下面上代码，需要改WebView的源码 修改shouldOverrideUrlLoading方法

希望上面的可以帮到你，喜欢的点个赞吧，不喜勿喷谢谢！

前端霸王防脱发洗发水
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
参数构造错误 微信_微信h5支付出现“商家参数格式有误，请联系商家解决”
weixin_39658716的博客
12-21 5800
微信H5 支付开发官方文档参考资料:https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_4 0. 场景描述:在APP 中使用webView 显示第三方H5, H5中涉及到微信支付流程,无法正常支付,提示 “商家参数格式有误,请联系商家解决”. 1. 线索分析:参照微信H5 支付开发官方文档,提及 “如果是APP里调起H5支付,需要在w...
ReactNative Webview加载本地html异常问题
zhuangchuming的博客
06-11 8864
本文主要解决ios发布release版本时，react native webview加载本地html显示异常问题。 产生此问题得条件： ios加载本地的html，且html内部包含引用外部的js链接（注：链接指向本地）
React-Native使用安卓原生WebView 实现微信H5支付功能
xiangwang2015的专栏
11-12 1154
最近的奇葩需求~RN里接入微信的H5支付,iOS用RN的webview就可以做到,安卓死活不行....但是用安卓原生应用却可以! 于是想到用安卓原生WebView: 新建JAVA文件继承--注意:不是继承至xxxModule ReactWebViewManager.class public class ReactWebViewManager extends SimpleViewManag...
微信H5支付：商家参数格式有误
热门推荐
a1030260075的专栏
01-11 2万+
原文：http://blog.csdn.net/u012185875/article/details/77772817 今天遇到H5微信支付的时候，IOS没有问题，android的webview调用的时候报错：商家参数格式有误 网上都说添加 1. if (url.startsWith("weixin://wap/pay?")) { Intent intent = new Inten
微信H5支付生成链接后直接访问提示商家参数格式有误，请联系商家解决
yangmaolin1234的博客
02-25 2769
微信H5支付生成链接后直接访问提示商家参数格式有误，请联系商家解决
react-native-rich-editor：轻量级React Native（JavaScript，H5）富文本编辑器
02-05
React Native Rich Text编辑器 ...另外，请按照说明添加本机react-native-webview依赖项。 （部分功能） RichEditor 编辑器组件。 只需将此组件放置在视图层次结构中即可接收功能齐全的RTF编辑器。 R
React-native使用Webview内嵌H5页面混合开发
举世武双的博客
05-10 4544
需求背景 在移动端开发中，有的业务页面使用原生平台开发十分繁琐，而使用H5页面来实现则十分便捷和高效，这就是APP+H5混合开发。 在众多APP当中也能看到H5混合开发的页面。这个需求是十分常见的。 交互机制 react-native可以使用Webview组件来内嵌H5页面，在开发过程中，H5页面常常要和APP端进行数据交互。 那么这个交互机制是怎么样的呢？原理如下： - APP端注入JS脚本到H5端，供H5页面调用。 - H5页面调用APP注入的JS脚本的方法，传递事件和数据到A..
reactNative之Webview与h5互调
03-26
在React Native开发中，Webview组件是一个非常关键的组成部分，它允许我们集成H5页面到原生应用中，实现原生应用与Web内容的交互。本文将深入探讨React Native中的Webview与H5的互调机制，以及如何利用它们来增强...
react webview打开html5,react-native WebView里的url使用浏览器打开
weixin_33040687的博客
06-18 616
思路是用js阻止html页面a标签跳转，把要跳转的url地址传到react-native里，使用Linking打开应用进行跳转具体实现步骤如下：先简单写一段js代码(代码结尾必须要写分号，不然会出错的，我也不知道为什么)，这段代码的作用是获取html页面里的所有a标签，在点击它们的时候阻止默认跳转事件，并且把要跳转的url地址通过window.postMessage方法传到react-native...
【react-natvie】react-native Android webview下h5使用rem布局会随系统字体放大缩小的解决方案
snow_finland的专栏
03-22 2154
问题描述： react-native Android webview下h5使用rem布局会随系统字体放大缩小 Android普通浏览器里，在浏览器直接调整字体大小（例如UC、QQ浏览器等都支持改变浏览器里字体大小），h5使用rem布局会随浏览器设置的字体放大缩小 由于Rem布局本身已经考虑到了不同机型/浏览器/分辨率的适配问题，这个时候再随系统字体、浏览器字体放大缩小就会造成布局的混乱，所以...
vue react 微信H5支付填坑 商家参数格式错误，存在未配置的参数...
pinbolei的博客
05-22 5732
vue react 微信H5支付填坑 商家参数格式错误，存在未配置的参数… 这或许是你看到最完的整微信H5支付几大问题的解决方案 因为项目中使用到了支付，当前国内支付无非就支付宝、微信、银联这几种方式，支付宝和银联支付今天暂时不讨论，搞过的都清楚，支付宝还是比较简单的，相对于前端来说，不会太复杂，几乎接近于完美（这么说人也是做支付的），而微信就真的额有很多坑了！ 1.商家存在未配置的参数，请联系商家解决 说起来，真是欲哭为泪，尤其是使用vue react等单页面应用开发项目的，多少一开始都很头大，我一开始
React-Native学习笔记之：WebView控件使用
true100的专栏
03-30 5478
和Android及IOS一样，在React Native中也有加载网页数据的控件WebView,常用的方法有：source {uri: string, method: string, headers: object, body: string}, {html: string, baseUrl: string}, number 在WebView中载入一段静态的html代码或是一个url（还可以附带
vue react 微信H5支付填坑 商家参数格式错误，存在未配置的参数
weixin_38527196的博客
03-27 1324
一开始用脚手架生成的时候，默认referer是用不携带的，所以，涉及到支付的时候，1,商家参数格式有误，请联系商家解决。不管你是用的vue还是react ,public **文件夹下，
h5微信支付报错：商家参数格式有误，请联系商家解决
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
10-13 1万+
问题 h5微信支付报错：商家参数格式有误，请联系商家解决 解决 官方给的解决方案是：https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_4 因为我用的是 react native，改的话需要去改 node_modules里面的 react-native-webview 包的源码。 网上也有人说，直接这样设置： <WebView style={{ width: '100%', height: '100%' }} source={{
商家参数格式有误，请联系商家解决
github_37297575的博客
03-02 1万+
Android WebView 支持微信支付 （ 请先确认测试手机上安装微信 并登陆 ！！！ ） 前端的同学给了个链接说是可以微信H5支付 ，支付宝支付。调试刚开始并不顺利，今天把调试解决发出来 还请多多留言 商家参数格式有误，请联系商家解决 （跳转观看！！！） ...
Android使用微信H5支付
u012185875的博客
09-01 1万+
有一种奇特的需求叫做，在app上使用h5支付。这个实际上是有优势的，比如有多个app要做微信支付，只要h5做一套就可以全部通用。网上搜了一圈，讲的有很多，但是都不太细致，有些坑没有说。下面是我的实现： public class WebViewTestActivity extends AppCompatActivity { @Override protected void o
react native利用webvView嵌入h5页面以及RN与webView的通信
铁柱的博客
12-27 7975
前言：这边主要是记录下，在react native中如何使用h5页面，以及h5页面发生点击，或者跳转到react native时，如何与react native进行通信。一、react native中的webview组件1、为什么要用webview页面。      我这边用webview是因为用rn来写页面，速度实在是感人。而且RN里面的样式没有css那么全面。如果要做弹出层等，还需要使用rn的组件
React Native之react-native-webview实现简单的浏览器
lxyoucan的博客
11-17 3145
React Native实现简单的浏览器,同时兼容android和IOS平台。实现最基本的功能：地址，前进，后退，刷新。为了方便学习，copy用，尽可能用最基本的组件实现，没有引用icon图标之类的可以美化界面的组件。希望对学习react-native-webview的同学有些帮助。 react-native-webview组件在大部分APP中都要用到，毕竟web页面很强大。加油打工人！ 知识点 react-native-webview组件的安装与简单的使用 简单的布局，更多的布局知识：http.
react-native写h5页面，在使用手机自带的返回，可以在页面设置指定返回的页面
最新发布
05-26
如果你是在 React Native 中使用 WebView 来加载 H5 页面，那么你可以通过以下步骤来设置指定返回的页面： 1. 在 H5 页面中，当用户点击返回按钮时，通过 JavaScript 发送消息到 React Native 端，告知需要返回到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值