h5页面打开微信小程序

可以通过使用微信小程序的开放能力实现在H5页面中打开微信小程序。具体的实现方法如下：

1. 在H5页面中添加一个跳转到小程序的按钮，例如：

<button id="open-miniapp">打开小程序</button>

2. 在JavaScript中获取该按钮，并注册点击事件：

var openBtn = document.getElementById('open-miniapp');
openBtn.addEventListener('click', function() {
  // 调用微信小程序API
  wx.miniProgram.navigateTo({
    url: '/pages/index/index'
  });
});

3. 在微信小程序中，需要在app.json文件中添加跳转到H5页面的配置：

{
  "pages": [
    "pages/index/index"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "小程序",
    "navigationBarTextStyle": "black"
  },
  "navigateToMiniProgramAppIdList": [
    "xxxxx" // H5页面的appid
  ]
}

其中，"navigateToMiniProgramAppIdList"字段用于配置可以跳转到的小程序或H5页面的appid列表。

注意：该方法需要在微信环境中使用，如果在非微信环境中使用会出现错误。