小程序跳转到h5后，h5如何跳转会小程序？ - WXOPEN Club

@官方

h5跳转回小程序，官方文档是这样写的，

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

// javascript

wx.miniProgram.navigateTo({url: '/path/to/page'})

wx.miniProgram.postMessage({ data: 'foo' })

wx.miniProgram.postMessage({ data: {foo: 'bar'} })

wx.miniProgram.getEnv(function(res) { console.log(res.miniprogram) // true })

wx.config({

debug: true,

// 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

appId: 'wx218745d3a97a41e5', // 必填，公众号的唯一标识

timestamp: '', // 必填，生成签名的时间戳

nonceStr: '', // 必填，生成签名的随机串

signature: '',// 必填，签名，见附录1

jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2

});

才可以，请问到底需要什么样的步骤？直接 wx.miniProgram 是 undefined，有的是 config，ready 这些 function

3 回复

guiyinghou1 楼6 年前

文档链接：

cma2 楼6 年前


<head>
  <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
</head>

wx.miniProgram.switchTab({url: '/pages/home/home'}) // eslint-disable-line

wx.miniProgram.postMessage({ data: {id: '1234'} }) // eslint-disable-line

小程序：

<web-view src="{{url}}" bindmessage="handlePostMessage"></web-view>

handlePostMessage: function (e) {
  console.log(e);
}

接收到的参数在 e.detail 里面

已解决

eyao3 楼5 年前

公众号的文档里有关于wx.config的相关说明，包括签名什么的。我一开始也找了半天，最后才找到公众号文档。感觉好坑啊。

注：记得一定要去公众号后台找文档，别处的文档跟后台的不一样。