微信小程序开发，web-view h5页面实现调用微信小程序封装的方法

好的，针对你的问题，我可以给你一些思路和实现方式。

在微信小程序中，我们可以使用自定义组件来封装一些常用的UI组件或者业务逻辑组件，具体可以参考微信小程序官方文档中的自定义组件部分。而在H5页面中，我们可以使用微信小程序的web-view组件嵌入小程序页面，从而实现小程序组件在H5页面中的调用。

接下来，我们需要在小程序中定义一个自定义组件，并将其封装为一个可以在web-view中调用的方法。具体实现步骤如下：

1. 在小程序中定义自定义组件，并实现相应的业务逻辑。

2. 在自定义组件中添加一个事件监听器，用来接收来自web-view的消息。

3. 在web-view中使用postMessage()方法发送消息给小程序，消息内容为需要调用的方法名及相应的参数。

4. 在自定义组件中根据接收到的消息内容，调用相应的方法并返回结果给web-view。

下面是一个简单的示例代码：

小程序端代码：

// 定义自定义组件
Component({
  methods: {
    // 自定义方法
    add: function(a, b) {
      return a + b;
    },
    // 监听web-view发送的消息
    onMessage: function(e) {
      // 解析消息内容
      var data = JSON.parse(e.detail.data);
      // 调用相应的方法并返回结果
      if (data.method == 'add') {
        var result = this.add(data.a, data.b);
        wx.webViewPostMessage({
          data: JSON.stringify({
            method: 'add',
            result: result
          })
        });
      }
    }
  }
})

H5页面端代码：

// 获取web-view组件
var webview = document.getElementById('webview');

// 发送消息给小程序
webview.contentWindow.postMessage(JSON.stringify({
  method: 'add',
  a: 1,
  b: 2
}), '*');

// 监听小程序返回的消息
window.addEventListener('message', function(e) {
  // 解析消息内容
  var data = JSON.parse(e.data);
  // 处理返回结果
  if (data.method == 'add') {
    console.log('1 + 2 = ' + data.result);
  }
});

通过以上代码实现，我们就可以在H5页面中调用小程序中封装的方法了。需要注意的是，为了保证安全性，我们在发送消息时需要指定目标源，所以在postMessage()方法中需要指定'*'或者目标web-view的src属性。