E企盈小程序营销工具技术服务商 热线:4006-838-530

微信公众号分享,微信小程序webview内嵌公众号网页分享功能实现

E企盈小程序直播系统

需求:有一个做好的微信公众号项目(vue框架搭建的),还要做一个小程序版的,为了减少开发工作,全部使用web-view嵌入网页。但要能分享,有二种分享情况1、小程序分享出当前打开的页面2、部分页面要求,分享指定页面,而不是当前的页面以下是代码部分一、web-view内嵌公众号网页中添加代码1.引入jsscripttype=”text/javascript”src=”https://res.wx.qq.com/open/js/jweixin-1.3.2.js”/script2.跳转到小程序中页面—-在分享页面是指定页面,而不是分享当前页面的网页中加入varisMiniprogram=false//判断是否是小程序打开wx.miniProgram.getEnv((res)={if(res.miniprogram){//在小程序中isMiniprogram=true}});varurl=要打开的网页链接url//是小程序打开,并且不是小程序已经重新加载过的网址–避免死循环if(isMiniprogram&&this.$route.query.platform!=”miniprogram”){url=encodeURIComponent(url);//注意需要urlencode//跳转到小程序页面,并在小程序中打开url页//注意要使用wx.miniProgram.redirectTo,其它方法试了不行wx.miniProgram.redirectTo({url:’/pages/index/index?return_url=’+url+’&share_url=要分享的链接(当要分享的页面不是要打开的页面时使用)&share_title=要分享标题’})}//非小程序打开正常跳转else{window.location.href=url;}二、小程序中代码处理1、index.wxml中代码src后加#wechat_redirect,是为了解决:在iOS中JSSDK接口调用无响应的情况!–index.wxml–viewweb-viewsrc=”{{web_src}}#wechat_redirect”//view2、index.js中代码//获取应用实例constapp=getApp()Page({data:{web_src:”,//嵌入的网址sharetitle:”,//指定分享的标题share_src:”,//指定分享的网址},//事件处理函数bindViewTap:function(){wx.navigateTo({url:’../logs/logs’})},onLoad:function(options){//指定分享页面,即分享页,非当前页时if(options.return_url){varweb_url=decodeURIComponent(options.return_url);//网址中加参数标记是小程序重新载入的web_url+=web_url.indexOf(‘?’)==-1?’?’:’&’;web_url+=’platform=miniprogram’;varshare_url=decodeURIComponent(options.share_url);}else{varweb_url=’网站首页’varshare_url=web_url;}this.setData({web_src:web_url,share_src:share_url,sharetitle:options.sharetitle?options.sharetitle:”,},function(){});},//分享onShareAppMessage(options){varthat=thisvarshare_src=that.data.share_src//分享标题-有指定分享标题时就使用指定的,没有使用默认的vartitle=that.data.sharetitle?that.data.sharetitle:that.data.title;//当嵌入网址是重新载入时,更新分享链接为当前网址if(options.webViewUrl.indexOf(‘miniprogram’)==-1){share_src=options.webViewUrltitle=that.data.title;}varpath=’/pages/share/share?return_url=’+encodeURIComponent(share_src);return{title:title,path:path,success:function(res){}}},})

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信公众号分享,微信小程序webview内嵌公众号网页分享功能实现
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏