微信公众号跳转小程序方法

1 公众号需要关联小程序

2 跳转方法：

•       wx.navigateToMiniProgram(Object object)  打开另一个小程序

wx.navigateToMiniProgram({
  appId: '',   //微信小程序appid
  path: 'page/index/index?id=123', //打开的小程序页面
  extraData: {
    foo: 'bar'  //传递的数据
  },
  envVersion: 'develop',  //打开的小程序版本
  success(res) {
    // 打开成功
  }
})

• wx-open-launch-weapp 标签

<wx-open-launch-weapp
  id="launch-btn"  
  username="gh_xxxxxxxx" //小程序的原始id，在微信公众号--设置--基础设置--账号信息
  path="pages/home/index?user=123&action=abc"  //跳转的页面路径和参数
>
  <script type="text/wxtag-template">
    <style>.btn { padding: 12px }</style>
    <button class="btn">打开小程序</button>
  </script>
</wx-open-launch-weapp>
<script>
  var btn = document.getElementById('launch-btn');
  btn.addEventListener('launch', function (e) {
    console.log('success');
  });
  btn.addEventListener('error', function (e) {
    console.log('fail', e.detail);
  });
</script>

• a标签

<a href="http://www.qq.com" data-miniprogram-appid="appid" data-miniprogram-path="pages/index/index">点击跳小程序</a>

data-miniprogram-appid 跳转的小程序appid
data-miniprogram-path  跳转的小程序页面

• 自定义设置菜单栏