微信小程序在web-view页面做分享，并且把分享的参数传递给小程序

QQ技术交流群 173683866 526474645 欢迎加入交流讨论，打广告的一律飞机票

本demo实现的功能，微信小程序给h5传参，h5给小程序传参

实现代码：

<!--index.wxml --><web-view src="https://xxx.xxx.cn/test1.html?user=12" bindmessage="bindGetMsg"/>

// index.js
Page({data: {shareObj: ''},onLoad: function(options) {console.log('options', options)},bindGetMsg: function(e) {this.data.shareObj = e.detail.data[e.detail.data.length - 1];},// 分享onShareAppMessage(options) {let shareObj = this.data.shareObj;if (shareObj) {return {title: shareObj.shareTitle,desc: shareObj.shareDesc,path: shareObj.url,imageUrl: shareObj.shareImage,success: function(res) {console.log(res)}}}},
})

html代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" /><title></title></head><body><script type="text/javascript">var obj = {'url': '/pages/index/index?shareUserId=213214','shareDesc': '分享的描述','shareImage': 'https://profile.csdnimg.cn/4/6/5/2_qq_35713752','shareTitle': '要分享标题'}wx.miniProgram.postMessage({data: obj})console.log(getUrlkey(window.location.href))// url参数解析function getUrlkey(url) {var params = {};if(url.indexOf("?") != -1) {var urls = url.split("?");var arr = urls[1].split("&");for(var i = 0, l = arr.length; i < l; i++) {var a = arr[i].split("=");params[a[0]] = a[1];}} else {}return params;}</script></body></html>

微信小程序在web-view页面做分享，并且把分享的参数传递给小程序相关推荐

python写网页脚本_东拼西凑用python脚本登录web管理页面做巡检（实现）
东拼西凑用python脚本登录web管理页面做巡检(实现) 发布时间:2020-06-06 12:26:40 来源:51CTO 阅读:489 参考博文https://www.cnblogs.com/s ...
H5微信公众号，如何在页面点击按钮打开分享面板【求助】
1.使用了weixin-js-sdk,只实现了自定义右上角的分享功能安装命令: npm install weixin-js-sdk --save import wx from 'weixin-js- ...
Python开发服务器巡检系统,东拼西凑用python脚本登录web管理页面做巡检（未实现）...
参考参考了网上很多博客拼出如下代码实现了登录ilom管理页面的登录好像管理页面用了js渲染无法取到想的值未能实现巡检功能 #-*- coding:utf-8 -*- import sys from ...
微信小程序动态更改标题栏_微信小程序实现动态设置页面标题的方法【附源码下载】...
本文实例讲述了微信小程序实现动态设置页面标题的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① WXML文件标题1 标题2 标题3 还原 ② JS文件 Page({ // 设置 ...
vue如何获取年月日_好程序员web前端教程分享Vue相关面试题
好程序员web前端教程分享Vue相关面试题,Vue是一套构建用户界面的渐进式框架,具有简单易用.性能好.前后端分离等优势,是web前端工程师工作的好帮手,也是企业选拔人才时考察的重点技能.接下来好程序 ...
NanShan开源即时通讯团队讨论程序员空闲期可以做的事
原文:NanShan开源即时通讯团队讨论程序员空闲期可以做的事 NanShan开源即时通讯团队讨论程序员空闲期可以做的事,这里列出以下几点: 空闲期指项目全面进入测试阶段或者一个项目完结.另一个未曾 ...
微信小程序与web页面制作的区别
前言最近在做一个微信小程序版的个人博客,本来我还有点胆颤,毕竟也没正儿八经的去学一下,不过我之前接触过,而且web方面(网页制作)的基础还可以,所以斗胆就试一试咯,到今天为止,微信小程序页面终于算是 ...
vue 传参微信_小猿圈web前端之微信小程序页面间跳转传参方式总结
原标题:小猿圈web前端之微信小程序页面间跳转传参方式总结最近小程序发展的越来越快,很多大公司也在打造自己的小程序平台以及购物小程序等等,今天小猿圈web前端讲师就总结了关于微信小程序的知识点,首先 ...
最详细的【微信小程序+阿里云Web服务】开发部署指引（十一）：开发小程序设置功能
文章目录前言一.功能说明二.设置界面代码实现 1.创建界面Page 2.WXML 3.JS 4.WXSS 三.参数控制逻辑代码实现 1.自动跳转卡片 2.自动播放声音专题文章链接前言案例的 ...
微信小程序与web前端的区别
1 引言刚接触小程序,会有很多错误的思路去编写,为了避免在代码方面出错,本文将对前端和小程序做一个区分. 2 问题描述微信小程序与web前端的区别. 3 算法描述在web的html中我们一般都是 ...

微信小程序在web-view页面做分享，并且把分享的参数传递给小程序

QQ技术交流群 173683866 526474645 欢迎加入交流讨论，打广告的一律飞机票

微信小程序在web-view页面做分享，并且把分享的参数传递给小程序相关推荐

最新文章

热门文章