uniapp: 微信小程序内嵌 h5 页面分享给好友

一、 小程序内嵌 h5 用 web-view

<template>
    <view @tap="tap">
        <web-view :src="web_url"></web-view>
    </view>
</template>

二、实现 h5 页面分享， 首页要 进入的页面和 h5 页面要在主包里， 如下

image.png

三、h5 页面分享操作如下

onShareAppMessage(options) {
   return {
    title: this.title,
    path: `/pages/information/web-view?url=${this.web_url}&title=${this.title}`,
 }
}

四、information 跳转到 web-view h5 页面如下操作

let url = `./web-view?url=${item.url}&title=${item.title}`
uni.navigateTo({
  url,
})