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

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) {
}
}
},
})

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

微信小程序与H5内嵌网页交互实现地图定位功能
小程序中有很多好用的API,整个项目我们是用vue实现的,使用小程序的内嵌网页功能完成交互. 使用小程序的< web-view >标签将vue项目在小程序中运行.大概的背景就是这样.接下来 ...
（已更新）全新商城微信小程序源码支持对接公众号
运行环境Linux+Nginx+PHP7.4+MySQL(5.6|5.7) 一键安装 1.上传你的代码 2.项目目录设置755权限 3.设置伪静态规则(nginx 推荐使用) 复制代码location ...
全新商城微信小程序源码支持对接公众号
运行环境 Linux+Nginx+PHP7.4+MySQL(5.6|5.7) 项目介绍 Leadshop是一款提供持续更新迭代服务的免费商城系统,旨在打造极致的用户体验!Leadshop由浙江禾成云计 ...
公众号分享页面php,微信公众号网页分享功能开发的示例代码
现在每天都可以看到很多微信分享的链接上面有网站或者商家的自定义的分享标题,和分享链接的描述及分享出去的图像,例如下面的分享出去的链接: 上面这个是微信的js-SDK页面分享给微信好友在聊天列表中显示的 ...
微信小程序，实现内嵌网页的分享
自从微信小程序支持内嵌网页之后,呼声高涨得不得了.的确,这个确实让我开发我们公司的小程序高效了很多,主要是可以引入现有的功能完整的普通网页. 需求是这样子的:小程序启动授权等操作成功后直接跳转到内嵌网 ...
微信小程序获取其从属关联公众号openid的思路
间隔很长时间之后的第一篇博客最近做的关于微信公众号和小程序的项目比较多,这里先写一下如何通过微信公众号关联的小程序的openid获取其微信公众号的openid,以完成推送消息模板之类的操作,相反操作 ...
【小程序】微信小程序中实现【关注公众号】弹窗
1.效果,注意,在开发工具中并不显示公众号信息,只有在体验版和正式版中才能看到! 2.wxml代码实现  <view wx:if="{{is ...
微信公众号网页分享功能开发
现在每天都可以看到很多微信分享的链接上面有网站或者商家的自定义的分享标题,和分享链接的描述及分享出去的图像,例如下面的分享出去的链接: 上面这个是微信的js-SDK页面分享给微信好友在聊天列表中显示的 ...
控制微信小程序web view的返回按钮
需求:点击web-view页面的左上角返回按钮时,显示弹窗,点击取消或确认后才能返回.(实际上点击返回按钮会直接返回上一页) 解决方法:由于webview使用的是微信浏览器打开的,我们可以使用js的H ...

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

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

最新文章

热门文章