- h5页面嵌入微信小程序,如何在h5页面使用确认收货组件wx.openBusinessView?
在h5引入微信的jsSdk,<script src="https://res.wx.qq.com/open/js/jweixin-1.5.0.js"></script> 在页面初始化的时候调用wx.config: getSignPackage:function(){ $.ajax({ url:'<?php echo base_url('order/getSignPackage')?>', type: 'get', dataType: 'json', data: {}, success:function (res) { if (res.status == 1) { var appParams = res.data console.log(appParams,'appParams'); wx.config({ debug: true, appId: appParams.appId, timestamp: appParams.timestamp, nonceStr: appParams.nonceStr, signature: appParams.signature, jsApiList: [ 'openBusinessView', ] }); wx.error(function(res){ // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。 console.log(res,'config信息验证失败会执行error函数'); }); } }, }) }, 点击确认收货按钮,调用微信确认收货组件 // wx.ready(function() { if (wx.openBusinessView) { wx.openBusinessView({ businessType: 'weappOrderConfirm', extraData: { merchant_trade_no: order_id, }, success: function(res) { console.log(res,'成功的res'); that.goConfirmOrder() }, fail: function(err) { console.error(err,'失败的'); } }); } }) 进入页面时提示errMsg: "config:fail,invalid signature",[图片][图片],这是什么问题引起的,该如何排查及修改?
04-25 - h5程序如何调用小程序确认收货组件?
在h5代码里面添加一个确认收货按钮,在微信小程序环境点击会向小程序发送一个事件 wx.miniProgram.navigateBack({delta: 1})//看微信开发官方文档wx.miniProgram.postMessage只在特定条件触发小程序(后退、组件销毁、分享、复制链接) wx.miniProgram.postMessage({ data: {orderIds: order_id} }) 在微信小程序页面代码 <web-view src="{{url}}" bindload="pageLoad" bindmessage="getH5Msg"></web-view> getH5Msg: function (e) { const { data } = e.detail; console.log(data,'h5传入的信息'); this.setData({ postData: data.pop(), }); }, 使用jssdk的postMessage方法在微信小程序里面不触发打印,但是开发者工具控制台打印了 invokeAppService postMessage 和参数, 想要实现的是点击确认收货按钮发送一个事件,小程序监听到,然后调用微信的确认收货组件wx.openBusinessView,有没有大佬知道如何解决及实现方法
04-24