uniapp h5微信分享

落日映苍穹つ 2022-09-11 11:19 308阅读 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 条评论，308人围观）

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

相关阅读

相关微信h5界面隐藏分享按钮

种方法 1: 加一段js代码 <script type="text/javascript"> document.addEventListener('Weixi...

本是古典何须时尚/ 2024年04月18日 11:45/ 0 赞/ 77 阅读

相关 h5手机端微信自定义分享

一、绑定域名首先要确保微信公众号后台的域名和自己代码里分享链接的域名要保持一致二、引入微信端js文件 <script src="http://

梦里梦外;/ 2023年06月08日 03:24/ 0 赞/ 22 阅读

相关 H5微信分享朋友、朋友圈、QQ

一、微信分享 1.准备工作 APPID公众号id、申请好友分享接口、ip白名单、js接口安全域名设置（必须是通过备案）。要先登录微信公众平台进入“公众号设置”的功能

左手的ㄟ右手/ 2023年02月15日 07:58/ 0 赞/ 18 阅读

相关 uniapp H5 端分享带参数

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

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

相关 uniapp h5微信分享

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

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

相关微信h5页面分享实现

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

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

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

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

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

相关 h5+微信分享

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

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

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

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

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

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

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

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