uniapp h5微信分享

落日映苍穹つ 2022-09-11 11:19 204阅读 0赞

安装微信sdk

npm install jweixin-module --save

var jweixin = require('jweixin-module');
    var ua = navigator.userAgent.toLowerCase();
    			if (ua.match(/MicroMessenger/i) == "micromessenger") {
    				// console.log("微信环境") 
    				//this.getactivitys(); // 首页数据
    
    				let parameter = {};
    				parameter.url = window.location.href;
    				// parameter.url = 'http://brand.soutoupiao.com/?a=1435787066279645186';
    				// console.log(parameter.url,"当前页面地址");
    				parameter.apis = ['onMenuShareTimeline', 'onMenuShareAppMessage'];
    				uni.request({
    					url: '###', //这里不是统一的，看你们后端
    					method: 'POST',
    					data: JSON.stringify(parameter),
    					success: (res) => {
    						console.log(res, "返回的数据");
    						jweixin.config({
    							debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    							appId: res.data.appId, // 必填，公众号的唯一标识
    							timestamp: res.data.timestamp, // 必填，生成签名的时间戳
    							nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
    							signature: res.data.signature, // 必填，签名
    							jsApiList: res.data.jsApiList // 必填，需要使用的JS接口列表
    						});
    						jweixin.ready(() => {
    							// console.log('wx ready');
    							jweixin.onMenuShareAppMessage({
    								title: `标题`, // 分享标题
    								desc: `描述`, // 分享描述
    								link: parameter.url, //分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    								imgUrl: "分享图标", // 分享图标
    								success: function() {
    									// alert('感谢您的分享');
    								},
    								cancel: function() {
    									// alert('分享失败');
    								}
    							});
    							jweixin.onMenuShareTimeline({
    								title: `标题`, // 分享标题
    								desc: `描述`, // 分享描述
    								link: parameter.url, // 分享链接
    								imgUrl: "分享图标", // 分享图标
    								success: function() {
    									// alert('感谢您的分享');
    								},
    								cancel: function() {
    									// alert('分享失败');
    								}
    							});
    						});
    					}
    				})
    
    
    			}

发表评论取消回复

表情：

评论列表（有 0 条评论，204人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp H5 端分享带参数

//[点击官网查看](https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html)

悠悠/ 2023年01月17日 06:29/ 0 赞/ 154 阅读

相关 uniapp 分享微信好友、微信朋友圈、QQ

这两天领导要做一个分享微信好友、微信朋友圈、QQ的功能，因为之前没有这方面的经验，所以都是一边查资料一边去做的，现在搞得差不多了，在这里给大家分享一下，希望大家多多指点这里

偏执的太偏执、/ 2022年11月20日 11:52/ 0 赞/ 245 阅读

相关 uniapp h5微信分享

安装微信sdk npm install jweixin-module --save var jweixin = require('jweixin-modul

落日映苍穹つ/ 2022年09月11日 11:19/ 0 赞/ 205 阅读

相关微信h5页面分享实现

官方适配问题反馈地址发送邮件到 wx\_wkwebview@qq.com 。请提供详细问题说明，强烈建议附上问题页面的链接，并告知如何复现你们的问题。 js需求

小灰灰/ 2022年05月27日 09:10/ 0 赞/ 199 阅读

相关 H5前端实现微信分享(处理二次分享问题)

下面是我的核心代码 1、引入微信的js文件。 <script type="text/javascript" src="https://res.wx.qq.c

阳光穿透心脏的1/2处/ 2022年02月22日 16:56/ 0 赞/ 1737 阅读

相关【uniapp】实现H5微信分享

效果图 ![20190809101658836.png][] 下面是微信文档介绍后台开发参考官方文档：[https://mp.weixin.qq.com/wi

缺乏、安全感/ 2021年11月05日 20:04/ 0 赞/ 1055 阅读

相关 h5+微信分享

// 页面初始化预处理 var shares = null; var sweixin = null; var buttons = [{

女爷i/ 2021年09月17日 15:36/ 0 赞/ 442 阅读

相关微信H5页面ios分享失效

最近开发一个微信H5页面，需要添加分享。 ios分享出去就描述变链接，缩略图也变连接，但android一切正常。在Android上面微信分享一切正常，但是在iOS上

水深无声/ 2021年09月16日 07:36/ 0 赞/ 693 阅读

相关微信公众号H5 - 关于微信公众号h5网页实现分享图片

近期，因为产品需求，要在公众号上面实现分享图片的功能，后面发现用了weixin-js-sdk方法分享出来的图片是一个链接的形式分享的。如下图：我要的效果图： ![

怼烎@/ 2021年09月07日 06:03/ 0 赞/ 766 阅读

相关 H5之微信授权登陆（uniapp网页版微信授权登录）

今天来复盘代码了不然这个月过完我可能脑子里又啥都不剩了感觉自己跟个金鱼脑一样十分沧桑 ![在这里插入图片描述][20200704134543310.png] 1

╰半夏微凉°/ 2021年08月30日 20:40/ 0 赞/ 3307 阅读