web-view小程序转发功能,web-view和小程序之间传参

web-view的src只能带一个参数src="…?a=1"

h5页面

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

  

var ua = window.navigator.userAgent.toLowerCase();
  if (ua.match(/MicroMessenger/i) == ‘micromessenger‘) {   //判断是否是微信环境

//微信环境
wx.miniProgram.getEnv(function (res) {
  if (res.miniprogram) {
    // 小程序环境下逻辑
    //小程序发送信息```
    var info = {
      title: ‘11‘, //参数一
      value: ‘22‘, //参数二
    };

    wx.miniProgram.postMessage({
      data: info
    });

  } else {
    window.location.href = ‘https://www.baidu.com‘;
    //非小程序环境下逻辑

  }
})
  } else {
    //非微信环境逻辑
    window.location.href = ‘https://blog.csdn.net/qq_37235231/article/details/82053062‘;

  }

  小程序页面
index.wxml页面

<web-view src="{{webUrl}}" bindmessage="msgHandler"></web-view>

  index.js页面

Page({
   msgHandler: function (e) {    //(h5像小程序传递参数)
    console.log(e.detail.data) //获取到来自也页面的数据
     var info = (e.detail.data)[0]
	    this.setData({
	      value: info.value
	    });
	    this.setData({
	      title: info.title
	    });
    },
 onShareAppMessage: function (options) {   //转发时执行
    var that = this;
    console.log(this.data.webUrl);
    return {
      title: that.data.title,
      path: ‘/pages/index/index?value=‘ + that.data.value,//小程序像h5传递参数
      success(e) {
        // shareAppMessage: ok,
        // shareTickets 数组,每一项是一个 shareTicket ,对应一个转发对象
        // 需要在页面onLoad()事件中实现接口
        wx.showShareMenu({
          // 要求小程序返回分享目标信息
          withShareTicket: true
        });
      },
    }
  },
  onload:function(options){
    var webUrl = ‘‘;
    if (options.value) {//获取转发过来的参数
      webUrl = "https://www.jiquer.com/vity/gdsen.xhtm?value=" + options.value;
    } else {
      webUrl = "https://www.jiquer.com/vity/gdsen.xhtm"
    }
    this.setData({
      webUrl: webUrl
    })
 }
  })

  h5的js页面(获取并处理小程序传递过来的参数)

function getParamer() {

	var url = window.location.href.split("?")[1]; /*获取url里"?"后面的值*/
	if (url) { /*判断是否是一个参数还是多个参数*/
		url = url.split("=")
		return url[1]; /*返回想要的参数值*/
	} else {
		return ‘‘;
	}
}

  本文链接:https://blog.csdn.net/qq_37235231/article/details/82053062

原文地址:https://www.cnblogs.com/liliuyu/p/11731069.html

时间: 2024-08-29 13:06:40

web-view小程序转发功能,web-view和小程序之间传参的相关文章

请给出程序,功能为获取“一段程序代码”运行时长

有一天看到了几个java题目,我就写了一下,废话少说,直接上代码了 3.已知int型数组arr[t], 请:① 打印该数组.输出格式为:[arr1,arr2,arr3,...]. ② 输出数组的最大值max与最小值min. ③ 使用冒泡排序对数组进行排序,并打印排序后数组. 4. 请给出程序,功能为获取“一段程序代码”运行时长.要求: ① 程序框架在父类中定义. ② “一段程序代码”在子类中给出,并覆盖父类中对应方法. ③ “一段程序代码”为:打印一个由“*”组成的图形,见图1. 图1 第三题:

微信小程序转发功能

微信小程序转发涉及以下4个方法: 1.Page.onShareAppMessage({}) 设置右上角“转发”配置,及转发后回调函数返回 shareTicket 票据 2.wx.showSahreMenu() 用户点击右上角后,显示“转发”按钮 3.wx.hideShareMenu() 隐藏转发按钮,无视 Page.onShareAppMessage({}) 4.wx.getShareInfo({}) 根据 shareTicket 获取已加密的群信息 把转发流程切分:转发前配置->转发时->转

[转] 扩展微信小程序框架功能

通过第三方 JavaScript 库,扩展微信小程序框架功能. 扩展微信小程序框架功能(1)——Promise ES6 对 Promise 有了原生的支持,但微信开发者工具更新版本(0.11.112200)后, 移除了开发者工具对 ES6 中Promise 特性原生的支持, 需要引入第三方的 Promise 库. 扩展微信小程序框架功能(2)——Generator Generator函数是ES6提供的一种异步编程解决方案,语法行为与传统函数完全不同. 扩展微信小程序框架功能(3)——函数功能增强

C#开发微信门户及应用(47) - 整合Web API、微信后台管理及前端微信小程序的应用方案

在微信开发中,我一直强调需要建立一个比较统一的Web API接口体系,以便实现数据的集中化,这样我们在常规的Web业务系统,Winform业务系统.微信应用.微信小程序.APP等方面,都可以直接调用基于JSON数据格式的Web API接口,在我之前的几篇随笔中,对这方面都有一定的介绍,本篇继续这个主题,细致深入的阐述如何在接口和源码的基础上整合Web API.微信后台管理及前端微信小程序的应用方案. 1.基于Web API的微信开发框架 首先我们各个业务模块,都应该围绕着Web API进行展开,

移除apsx视图引擎,及View文件夹下的web.config的作用

<> 使用Rezor视图引擎的时候移除apsx视图引擎 Global.asax文件 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Http; using System.Web.Mvc; using System.Web.Routing; namespace MvcApp { // 注意: 有关启用 IIS6 或 IIS7 经典模式的说明,

微信小程序:微信web开发阶段性学习总结

小程序运行机制 前台/后台状态 小程序启动后,界面被展示给用户,此时小程序处于前台状态. 当用户点击右上角胶囊按钮关闭小程序,或者按了设备 Home 键离开微信时,小程序并没有完全终止运行,而是进入了后台状态,小程序还可以运行一小段时间. 当用户再次进入微信或再次打开小程序,小程序又会从后台进入前台.但如果用户很久没有再进入小程序,或者系统资源紧张,小程序可能被销毁,即完全终止运行. 小程序启动 这样,小程序启动可以分为两种情况,一种是冷启动,一种是热启动. 冷启动:如果用户首次打开,或小程序销

小程序 给最外层view设置百分之百高度不起作用

<view class="content"> <view class="today"> <view class="info"> <view class="temp">{{today.wendu}}℃</view> <view class="weather">{{today.todayInfo.type}} {{today.todayIn

ASP.NET MVC Web API 学习笔记---第一个Web API程序

http://www.cnblogs.com/qingyuan/archive/2012/10/12/2720824.html 1. Web API简单说明 近来很多大型的平台都公开了Web API.比如百度地图 Web API,做过地图相关的人都熟悉.公开服务这种方式可以使它易于与各种各样的设备和客户端平台集成功能,以及通过在浏览器中使用 JavaScript来创建更丰富的HTML体验.所以我相信Web API会越来越有它的用武之地. 说道Web API很多人都会想到Web服务,但是他们仍然有

【转载】ASP.NET MVC Web API 学习笔记---第一个Web API程序

1. Web API简单说明 近来很多大型的平台都公开了Web API.比如百度地图 Web API,做过地图相关的人都熟悉.公开服务这种方式可以使它易于与各种各样的设备和客户端平台集成功能,以及通过在浏览器中使用 JavaScript来创建更丰富的HTML体验.所以我相信Web API会越来越有它的用武之地. 说道Web API很多人都会想到Web服务,但是他们仍然有一定的区别:Web API服务是通过一般的 HTTP公开了,而不是通过更正式的服务合同 (如SOAP)  2. ASP.NET