微信JSSDK分享页面自定义当前链接最简单示例

这个是使用微信原本的Deom修改
但是一定要注意几个注意事项,代码很简单,却让我一周mmp

在微信开发者工具调试,有时候你代码正确但是会报错
一定要真机调试
appid和secret一定要正确
一定要在在微信公众号后台设置正确的安全目录,直接设置成整个域名就ok了

微信的jssdk一点都不懂的直接来这个文章JSSDK必要步骤

下载demo:

<?php
require_once "jssdk.php";
$jssdk = new JSSDK("你的appid", "你的secret");
$signPackage = $jssdk->GetSignPackage();
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
  
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>
  /*
   * 注意:
   * 1. 所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
   * 2. 如果发现在 Android 不能分享自定义内容,请到官网下载最新的包覆盖安装,Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
   * 3. 常见问题及完整 JS-SDK 文档地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决,如仍未能解决可通过以下渠道反馈:
   * 邮箱地址:[email protected]
   * 邮件主题:【微信JS-SDK反馈】具体问题
   * 邮件内容说明:用简明的语言描述问题所在,并交代清楚遇到该问题的场景,可附上截屏图片,微信团队会尽快处理你的反馈。
   */
  wx.config({
    debug: true,
    appId: '<?php echo $signPackage["appId"];?>',
    timestamp: <?php echo $signPackage["timestamp"];?>,
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
    signature: '<?php echo $signPackage["signature"];?>',
    jsApiList: [
		// 所有要调用的 API 都要加到这个列表中
		'onMenuShareAppMessage',
		'onMenuShareTimeline',
		'chooseWXPay',
		'showOptionMenu',
		"updateAppMessageShareData",
		"hideMenuItems",
		"showMenuItems",
		"onMenuShareTimeline",
		'onMenuShareAppMessage'
    ],success: function(res) {
    // 以键值对的形式返回,可用的api值true,不可用为false
    // 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
    }
  });
  wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
		wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
			wx.updateAppMessageShareData({ 
				title: '', // 分享标题
				desc: '', // 分享描述
				link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
				imgUrl: '', // 分享图标
				success: function () {
				  // 设置成功
				}
			})
		}),
		wx.success(function(res){
			//console.log("错误信息"+res);
		 //config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
		});
	});
</script>
</html>
发布了110 篇原创文章 · 获赞 147 · 访问量 17万+

猜你喜欢

转载自blog.csdn.net/A757291228/article/details/98802292
今日推荐