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

1_bit

发布于 2020-10-23 14:29:58

2.2K0

发布于 2020-10-23 14:29:58

文章被收录于专栏：我的知识小屋

这个是使用微信原本的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-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
   * 邮箱地址：weixin-open@qq.com
   * 邮件主题：【微信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>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019/08/08 ，如有侵权请联系 cloudcommunity@tencent.com 删除

微信