小程序分享进入H5动态网页

在要分享的界面加上这段代码

onShareAppMessage: function (options) {
    var that = this;
    // var return_url = that.data.shareWeb;
    var return_url = ‘https://testapi.zhenaicx.com/activityH5/invite.html?1=1‘
    var ol1 = return_url.split("?")[0]
    var ol2 = return_url.split("?")[1];
    // return_url = ol1 + ‘#‘ + ol2;
    var srr = [{
      ol1: ol1,
      ol2: ol2
    }]
    return_url = JSON.stringify(srr)
    var path = ‘pages/My/ShareUrl/shareUrl?shareUrl=‘ + return_url   //小程序存放分享页面的内嵌网页路径
    console.log(path, options)
    return {
      title: ‘朕爱出行‘,
      path: path,
      success: function (res) {
        // 转发成功
        wx.showToast({
          title: "转发成功",
          icon: ‘success‘,
          duration: 2000
        })
      },
      fail: function (res) {
        // 转发失败
      }
    }
  },

在分享的界面接受代码如下

onLoad: function (options) {
    console.log(options)
    var str2 = options.shareUrl;
    var str = JSON.parse(options.shareUrl)
    let that = this;
    that.setData({
      shareH5Url: str[0].ol1 + "?" + str[0].ol2,
    })
  },

原文地址:https://www.cnblogs.com/lijuntao/p/10559437.html

时间: 2024-08-03 16:32:03

小程序分享进入H5动态网页的相关文章

微信小程序内联h5页面,实现分享

在小程序内直联h5的页面(pages/webview/webview.js),该页面为<web-view>的容器,使用<web-view>组件 <web-view wx:if="{{h5url}}" src="{{h5url}}" bindmessage="h5PostMessage" ></web-view> 需要bindmessage事件和postMessage方法 bindmessage:网页

小程序——分享二维码报告

小程序分享报告(图片+二维码): 小程序页面生成图片:请用canvas,页面简单用canvas,页面复杂也用canvas. 踩过的坑: 思路:html  ->  html2canvas  ->  canvas||image/png; 最后涉及到小程序与H5页面项目连接问题(web-view &分享页面),还是用canvas老老实实画的 Bug1:小程序,不支持js获取Dom操作, 解决1:单独写https的一个H5页面来操作Dom.     <web-view  src='htt

微信小程序分享至朋友圈的方法

最近研究怎么实现微信小程序分享至朋友圈,对就是朋友圈. 微信小程序目前没有直接提供方法来将小程序分享至朋友圈,不过可以采用曲线救国的方式来达到目的. 方法分两步: 1.通过浏览器将希望分享的东西风向至朋友圈: 微信小程序没有任何入口可以进入到微信的浏览器中,那么就更加不可能让用户进入到自身操作系统中的浏览器进行分享. 那么怎么通过其他的途径来达到次目的呢? 答案是:客服消息 微信小程序本身提供客服消息是用来更好的为客户服务的,但是请看以下截图: 小程序提供了入口,允许用户给客服发送消息,同时,也

小程序分享链接功能 - onShareAppMessage

onShareAppMessage用法: 只需要在button标签中加入open-type="share",小程序ui就会自动识别分享链接功能 <button data-name="shareBtn" open-type="share">分享</button> js中代码如下: onShareAppMessage: function( options ){ var that = this; // 设置菜单中的转发按钮触发转

小程序 公众号/h5相互跳转-webview

总结一下最近使用小程序的功能 前提小程序管理后台配置域名白名单,并且h5页面是嵌在小程序里面 微信官方web-view 介绍地址 https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html pages生成一个webview的目录 wxml中 <web-view src="{{url}}"></web-view> js中接受页面传来的url值 /** * 页面的初始数据 */ d

工具类小程序分享

闲时自己做的工具类小程序分享尝鲜,包含举例(铁路12306火车正晚点查询和检票口查询.记事本.小游戏.视频播放模拟器等等......) 1.小程序包含可移动菜单.swiper轮播推荐.热门推荐.实用工具类.休闲益智和我的模块. 2.欢迎小伙伴们尝鲜,欢迎小伙伴的意见和建议,可以通过本人的小程序或者该帖子联系我. 以下是小程序入口: swiper轮播推荐效果图: 工具类效果图: 休闲益智类效果图: 以下:提供两个快捷访问铁路12306查询的小程序入口: 原文地址:https://www.cnblo

小程序-web-view嵌入H5页面遇到的bug

遇到的问题1:ios页面中,内容过多时有下滑真是功能,但是下滑的时候回看到底部的微信自带的灰色背景及H5的域名(ios的webview中上/下拉露出黑灰色背景问题) 解决办法:给body添加样式----body:{position:fixed;top:0;left:0;width:100%;}    //亲测有效 遇到的问题2:在ios中若是存在多个H5页面跳转,页面会出现这种情况,黄色圈起的部分优势小程序全套的H5页面,此时进行了2个页面的跳转,但是在第二个H5页面,手指触屏左到有拖动时,会同

关于小程序的内嵌其他网页

web-view 微信小程序: 承载网页的容器.会自动铺满整个小程序页面,个人类型的小程序暂不支持使用. 其中一些具体的属性和接口,可以看微信小程序官方文档 https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html 一个简单的demo wxml文件 <web-view src="https://www.baidu.com/"></web-view> 效果: 支付宝小程序: h

linux下的socket通信小程序分享

最近学习unix网络编程,感觉东西零零碎碎,比较混乱.因此决定整理以下,发一个小博客.一来可以与大家分享以下,二来可以总结提高一下所学的东西.话说:竹子为什么长的高,因为它喜欢总结阿--^_^ 废话不多说了,上代码.小弟半路出家,入行不深,过路大神不喜勿喷阿,嘿嘿--^_^ 程序是一个基于tcp的 C/S .简单回显功能( 声明以下,不要以为注释是英语就说我是在哪里下载的,原因是我运行程序 汉字老显示乱码,就改成蹩脚英语了 ). 首先是一个自己的库 1 #ifndef MYLIB_H 2 #de