h5微信JSBridge支付完成后组件生命周期问题

最新推荐文章于 2024-08-12 10:46:19 发布

原创最新推荐文章于 2024-08-12 10:46:19 发布 · 323 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #javascript

在H5中使用WeixinJSBridge.invoke进行微信支付时，支付完成后，iOS会触发组件的onShow方法，而Android则不会。这可能导致iOS上支付回调与onShow生命周期混杂，造成交互逻辑差异。问题主要集中在微信支付完成后不同平台的生命周期行为不一致。

H5端调用微信的WeixinJSBridge.invoke方法进行支付，当支付完成后微信会弹出原生的支付成功页面。

注意：关闭此原生页面回到项目中时，在安卓端不会重新调用组件的onShow方法，但是在ios端会视为组件重新显示了，会调用onShow方法。

结果：由上差异可能带来ios与安卓端在微信支付完成之后的逻辑交互差异（IOS端onShow生命周期中的函数会与支付回调函数一起执行）

（微信小程序是否有这种情况未测）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

front_endxiaobaia

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

剖析小程序领域H5的盈利模式

小程序开发

05-10

1079

随着移动互联网进入存量竞争时代，小程序与H5的技术融合成为轻量化产品落地的主流形态。小程序凭借微信、支付宝等平台的流量红利，解决了传统APP获客成本高的问题；而H5的跨平台特性和灵活展示能力，弥补了小程序在复杂交互和动态内容上的限制。两者的结合催生了丰富的商业场景，但如何设计高效的盈利模式仍需系统性拆解。本文聚焦小程序领域中H5技术应用的盈利模式，涵盖技术架构设计、用户生命周期管理、变现渠道选择等核心议题，为技术开发者和商业决策者提供可落地的方法论。技术底层：解析小程序与H5的融合架构及通信机制。

微信公众平台 - 微信内置浏览器 WeixinJSBridge.invoke API 报错：权限拒绝解决方案

TiCrystal的博客

09-16

1261

在微信公众平台开发中，我们经常会使用微信内置浏览器提供的 WeixinJSBridge.invoke API 来实现与微信客户端的交互。然而，有时候在调用该 API 的过程中，我们可能会遇到一个常见的报错信息：system:access_denied（权限拒绝）。记住，在使用微信内置浏览器提供的 API 时，确保你在正确的环境中调用，并且获取到了所需的权限。你需要确保在调用相关功能之前，先获取到相应的权限。你需要确保你的代码是在微信内置浏览器环境中执行的，而不是在其他浏览器或应用程序中。

参与评论您还未登录，请先登录后发表或查看评论

微信WeixinJSBridge使用及结果判断

Samuel

04-12

2万+

不清楚这个使用方法是否会被腾讯屏蔽

微信WeixinJSBridge API使用实例

普羅●米修斯 ——— HelloWorld

08-24

1517

<!DOCTYPE html> <html> <head> <title>微信WeixinJSBridge API</title> <meta charset="utf-8" /> <script type="text/javascript"> (function

PBKDF2加密的实现

Shawn1992的学习笔记

07-06

2万+

PBKDF2(Password-Based Key Derivation Function)。通过哈希算法进行加密。因为哈希算法是单向的，可以将任何大小的数据转化为定长的“指纹”，而且无法被反向计算。另外，即使数据源只改动了一丁点，哈希的结果也会完全不同。这样的特性使得它非常适合用于保存密码，因为我们需要加密后的密码无法被解密，同时也能保证正确校验每个用户的密码。但是哈希加密可以通过字典攻击和

H5 微信支付的WeixinJSBridge.invoke 方法

热门推荐

05-08

4万+

微信6.0之后，原有的WeixinJSBridge.on('menu:share:timeline', function (argv) {}不再可以使用，但是微信提供的新的方法 JS-SDK, 官方接口请参见微信JSSDK说明文档，具体的方法官方文档都说的比较清楚了，本文只是记录下开发过程中遇到的问题以及解决方式。 1. 虽然微信提供了JSSDK，但是这...

h5打开微信返回问题

09-12

描述中的“ios打开微信返回app”进一步指出了这个问题的核心：当iOS设备上的H5页面触发了微信的打开，如何确保用户在微信完成操作后能顺利返回到原生App。这是一个常见的用户体验问题，对于依赖微信服务的移动应用来...

h5网页嵌套安卓苹果APP内微信内打开H5等遇到的各种适配问题与解决方案汇总 --持续更新

Beatingworldline的博客

08-06

2057

在站外拉起APP 可以用UniversalLinks。在站外拉起APP 可以用scheme协议。微信内可以借用友盟封装uslink实现。微信内可以借用应用宝实现。

微信小程序开发问题总结

newbalsh的博客

10-29

1098

它们在两个进程中进行，通过系统层JSBridge实现通信，实现UI的渲染、事件处理。在 success的回调中，调用 wx.requestPayment ，请求小程序的支付，在请求的参数中传递签名信息和商品信息；后台会根据我们传过去的code值来获取openid和session_key，后台需要调用数据库，将登录的信息进行保存，如果是第一次登录，会生成一条新的注册记录。注意：有的网站，登录成功后，还有一个手机绑定的功能，获取该微信的手机号，使用wx.request传到后台，与相应的注册账号进行绑定。

微信小程序面试题

admin12345671的博客

04-15

2174

5. 设置id 的方法标识来传值，通过e.currentTarget.id获取设置的id值，然后通过设置全局对象的方式来传递数据。wx.redirectTo()：关闭当前页面，跳转到应用内的某个页面。wx.navigateTo()：保留当前页面，跳转到应用内的某个页面。页面样式表文件，用来定义页面中用到的各类样式表。其在页面中不可缺少。wx.reLaunch()：关闭所有页面，打开到应用内的某个页面。页面结构文件，用来设计页面的布局、数据绑定等。页面逻辑文件，页面的逻辑，请求和数据处理。

微信公众号支付

zsddzh的博客

12-31

181

javascript前台 <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> layui.use(['layer'],function () { var layer=layui.layer; $('.goumai').click(function () { var id="{$data.id}"; $.ajax({

JSBridge 介绍及实现原理

chern1992的博客

07-01

7171

JSBridge 介绍 JSBridge是一座用JavaScript搭建起来的桥，一端是web，一端是native。我们搭建这座桥的目的也很简单，让native可以调用web的js代码，让web可以 “调用” 原生的代码。实现原理 Android实现：我们来想想如何实现上面的功能。难点有这么几个： 1、如何创建一个webview？如何在webview中加载网页？ 2、web如何调用android？对于第一点，不是本文的重点，你可以参考这个链接来自行解决。对于第二点，我们继续分析。 w

浅析“WeixinJSBridge is not defined”

Fundebug博客

11-12

6422

Fundebug并没有使用微信 JS-SDK，然而却收到了WeixinJSBridge is not defined的报错：我们的用户也收到了类似的错误报警，并且很多开发者都遇到类似的问题: 我的微信项目，没有用到微信 JS-SDK，但 iphone 部分手机点击某些功能无效，后来加了 window.onerror 监控，发现有 Uncaught ReferenceError: Weixin...

关于微信突然停止WeixinJSBridge的接口暂时解决办法

icysonyk的专栏

12-31

2万+

今天微信公众平台出了个公告微信公众平台关于整顿诱导分享及诱导关注行为的公告近期，朋友圈出现部分商家通过外链进行诱导分享、诱导关注的行为，主要如下：１. 诱导分享：发送谣言、色情、测试类、答题类等内容诱导用户分享至朋友圈，分享后用户才可见到答案或内容。２. 诱导关注：发送谣言、色情、测试类、答题类等内容诱导用户关注公众号，关注后用户才可见到答案或内容。此行

自动关闭微信浏览器中打开的h5页面

qdm13209211861的博客

08-12

2145

问题：在h5中需要调起微信的添加好友页面，但是调起微信的添加好友页面后，如果再从添加好友页面返回，则返回的页面为一个空白页，此时的空白页就是调起微信的h5页。解决办法：需要在调起微信的页面后关闭当前的h5 实现代码： function weixinClosePage() { if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { document.addEv

微信内置浏览器私有接口WeixinJSBridge的常用方法

weixin_43956521的博客

01-21

3180

关闭当前页面，回到对话窗口 onBackCloseWindow() function onBackCloseWindow() { //当点击返回键时，不返回到上一页，而是直接关闭微信浏览器 pushHistory() window.addEventListener("popstate", function (e) { //关闭当前浏览器 WeixinJSBridge.call("closeWindow"); //如果是使用了iframe的页面

WeixinJSBridge.invoke 不走回调函数原因

曾经也是个少年

10-28

4955

不要直接去调用这个方法，通过demo的方式去调用 paymentWxMpPay({ orderId: res['data'].data }).then(value => { if (value['data'].status == 200) { let params = { "appId": val...

微信内置浏览器私有接口WeixinJSBridge介绍（转）

weixin_30729609的博客

01-13

1753

这篇文章主要介绍了微信内置浏览器私有接口WeixinJSBridge介绍,本文讲解了发送给好友、分享函数、隐藏工具栏、隐藏三个点按钮等功能,需要的朋友可以参考下微信网页进入，右上角有三个小点，没错，我们用到的就是它！我们只要通过将小点列表下的按钮进行自定义，就可以随心所欲的分享我们自己的内容了。注意：（WeixinJSBridge只能在微信内打开的网页有效）按钮一之------发送...

Android 7.0兼容微信WebView的实现方案

这种二次封装通常包括：统一的初始化管理器（负责TBS内核的加载与状态监听）、自定义WebView容器（集成常用功能如进度条、错误页面、JSBridge通信）、事件总线（用于原生与JS之间的消息传递）、以及生命周期绑定...