微信小程序的坑之wx.miniProgram.postMessage

sorra 发布于2019-08-23 12:24 / 2826人阅读

摘要：也就是只有在小程序后退组件销毁分享时才会触发所以应该改变的时机，调换顺序就可以了获取成功这样再试试，发现能正常捕获消息了

工作中有个需求是小程序的网页在关闭的时候，需要回传给小程序一个参数

查阅小程序官方文档，有这样一个接口 wx.miniProgram.postMessage ，可以用来从网页向小程序发送消息，然后通过 bindmessage 事件来监听消息，如下是官方文档描述

以下是代码：

// 网页代码


    
        
        
        postMessage

// 小程序代码


Page({
  handleGetMessage: function(e) {
    console.log(e.target.data)
  }
})

写完试了下，期待打印 “获取成功” ，而实际小程序里面啥也没打印。。。

然后仔细看官方文档，发现有这句话：

网页向小程序 postMessage 时，会在特定时机（小程序后退、组件销毁、分享）触发并收到消息。

也就是只有在小程序后退、组件销毁、分享时才会触发

所以应该改变 postMessage 的时机，调换顺序就可以了

这样再试试，发现能正常捕获消息了

云服务器 GPU云服务器微信小程序微信小程序支付微信小程序部署微信小程序搭建

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98448.html

网页程序迁移至微信小程序web-view详解

摘要：网页引入网页发起支付由后台返回，主要是需要统一下单平台的微信支付页面支付参数错误，请稍后重试支付成功支付失败支付错误分享功能小程序直接分享的所在的页面，如果需要加上页面参数，那我们就需要处理一下了。小程序现在越来越流行，但是公司的很多项目都是用网页写的，小程序语法不兼容原生网页，使得旧有项目迁移至小程序代价很高；小程序之前开放了webview功能，可以说是网页应用的一大福音了，但...

junbaor 2019-08-23 10:28 评论0 收藏0
网页程序迁移至微信小程序web-view详解

摘要：网页引入网页发起支付由后台返回，主要是需要统一下单平台的微信支付页面支付参数错误，请稍后重试支付成功支付失败支付错误分享功能小程序直接分享的所在的页面，如果需要加上页面参数，那我们就需要处理一下了。小程序现在越来越流行，但是公司的很多项目都是用网页写的，小程序语法不兼容原生网页，使得旧有项目迁移至小程序代价很高；小程序之前开放了webview功能，可以说是网页应用的一大福音了，但...

AlphaGooo 2019-08-02 11:04 评论0 收藏0
「前端早读君009」快速小程序开发之微信小程序内嵌 H5

摘要：前言微信小程序中可以直接运行页面，这一新组件的产生，可能直接导致小程序数量迎来一波高峰。微信小程序配置系列问题配置域名业务域名中配置的就是小程序以及和中引用的域名。今日励志语要接受自己行动所带来的责任而非自己成就所带来的荣耀。前言微信小程序中可以直接运行 web 页面，这一新组件 web-view 的产生，可能直接导致小程序数量迎来一波高峰。本篇博文将从业务选型，微信小程序后台...

wh469012917 2019-08-23 14:28 评论0 收藏0
【微信小程序】采坑之scroll-view组件

摘要：使用中文类的组件时候也就是需要呈现中文的组件，不限于组件是会自动换行的，这时候需求在中强制不换行。在使用非中文组件时候就一切正常。至于为啥使用中文组件会有一部分留白，这个我不知道是个例还是，反正只需要用相对定位移一下就可以了。一、摘要　　今天在使用scroll-view组件的时候发现结果跟预想的不一样。其实也不是第一次用了，同样的写法却出现了意料之外的效果，所以认定是bug了。博主使用...

张宪坤 2019-04-23 13:23 评论0 收藏0