小程序和h5跳转

公司要做h5跳转小程序，就试着调试了一下。目前只支持小程序内嵌H5，并且只有内嵌的H5才能跳回小程序

小程序跳H5

11月2号晚上终于公布，小程序可以跳H5的好消息了，要在小程序管理后台配置开发设置的业务域名列表（域名要https协议的链接），并且h5页面是嵌在小程序里面

<web-view src="https://www.baidu.com/"></web-view>

web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面且自动跳转，所以不好用，所以可以参考下面的写法。（个人类型与海外类型的小程序暂不支持使用）

wxml1：
<view class="tiaoH51">
   <navigator url="pageH5" class="papaa">
     点击跳转到H5页面
   </navigator>
 </view>
wxml2：
<view class="container">
  <view class="pageH5">
    <web-view src="https://www.baidu.com/"></web-view>
  </view>
</view>

这边需要先写一个navigator按钮，自主操作之后再让它跳转

H5跳小程序

相应的，H5也可以跳回小程序啦，有下面几种方法，首先要引用js文件

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

方法1

wx.miniProgram.navigateTo({url:'/pages/home/homepage'})

方法2

wx.miniProgram.getEnv(function (res) {
    console.log(res)   //如果没有配置会{miniprogram:false}
    if (res.miniprogram) {
        wx.miniProgram.switchTab({url: '/pages/home/homepage'});
    }
});

方法3，直接用a标签跳转（这个没有试验）

<p><a data-miniprogram-appid="wx123456789" data-miniprogram-path="/pages/home/homepage" href="">点击文字跳转小程序</a></p>

对了，还有一点：无论是小程序跳转H5页面还是跳转回来都是可以传递参数的，直接拼接在跳转链接的后面就可以了。
有什么不对的地方请指出哈，不胜感激~~