微信小程序web-view内嵌公众号网页分享功能实现

清疚 2023-07-15 09:26 51阅读 0赞

web-view嵌入网页分享，有二种分享情况

1、小程序分享出当前打开的页面  
           2、部分页面要求，分享指定页面，而不是当前的页面

以下是代码部分

一、web-view内嵌公众号网页中添加代码

1.引入js

1、index.wxml中代码

src后加\#wechat\_redirect，是为了解决：在iOS中JSSDK接口调用无响应的情况

<view class="container">  
  <web-view src="\{ \{web\_src\}\}\#wechat\_redirect" />  
</view>  
2、index.js中代码

//获取应用实例  
const app = getApp()  
   
Page(\{  
  data: \{  
    web\_src:'', // 嵌入的网址  
    sharetitle:'', // 指定分享的标题  
    share\_src:'',  // 指定分享的网址  
  \},  
  //事件处理函数  
  bindViewTap: function() \{  
    wx.navigateTo(\{  
      url: '../logs/logs'  
    \})  
  \},  
  onLoad: function (options) \{  
    // 指定分享页面，即分享页，非当前页时  
    if (options.return\_url) \{  
      var web\_url = decodeURIComponent(options.return\_url);  
      // 网址中加参数标记是小程序重新载入的  
      web\_url += web\_url.indexOf('?') == -1 ? '?' : '&';  
      web\_url += 'platform=miniprogram';  
   
      var share\_url = decodeURIComponent(options.share\_url);  
    \} else \{  
      var web\_url = '网站首页'  
      var share\_url = web\_url;  
    \}  
      
    this.setData(\{  
      web\_src: web\_url,  
      share\_src: share\_url,  
      sharetitle: options.sharetitle ? options.sharetitle : '',  
    \}, function () \{  
   
    \});  
  \},  
  // 分享  
  onShareAppMessage(options) \{  
    var that = this  
    var share\_src = that.data.share\_src  
    // 分享标题-有指定分享标题时就使用指定的，没有使用默认的  
    var title = that.data.sharetitle ? that.data.sharetitle : that.data.title;  
   
    // 当嵌入网址是重新载入时，更新分享链接为当前网址  
    if (options.webViewUrl.indexOf('miniprogram') == -1) \{  
      share\_src = options.webViewUrl  
      title = that.data.title;  
    \}  
    var path = '/pages/share/share?return\_url=' + encodeURIComponent(share\_src);  
   
    return \{  
      title: title,  
      path: path,  
      success: function (res) \{  
      \}  
    \}  
  \},  
\})