微信分享自定义标题、图片、链接的最新html代码

admin · 发表于 2021-2-14 11:42:50

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

使用本文教程，必须满足几个条件：
1、项目域名必须备案（想要使用微信的接口都必须要域名是备案的）
2、认证过的公众号
3、能运行PHP文件的环境

满足上面几个条件的话，请接着往下看：
教程

第一步
下载相关代码文件网页调用微信js-sdk分享接口(1.4.0)

第二步
将上步下载的accessToken文件夹上传网站目录中（路径自定义）

第三步
登录微信公众号平台（需要有认证的公众号）
1、设置-公众号设置-功能设置-JS接口安全域名（域名需要备案的）
2、开发-基本设置-IP白名单（添加IP白名单后才能调用接口）

第四步
进入accessToken文件夹，打开signPackage.php，将微信公众号的AppID、AppSecret填入对应的位置
示例代码：

<?php// 实现微信分享功能// 通过script标签引入该文件，通过url参数传递原网页的完整urlerror_reporting(0);$queryString = $_SERVER["QUERY_STRING"];// 获取PHP后的网址参数，格式为：originUrl=...$url = substr($queryString,10);// 截取原网页的完整urlrequire_once "jssdk.php";$jssdk = new JSSDK("AppID", "AppSecret", $url);// 改为自己公众号的AppID、AppSecret$signPackage = $jssdk->GetSignPackage();echo "var signPackage="; die(json_encode($signPackage));// 返回微信分享所需参数 ?>

复制代码

第五步
在需要调用微信自定义分享接口的html页面添加如下代码

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script>document.write("<script src='accessToken/signPackage.php?originUrl=" + window.location.href + "' type='text/javascript'><\/script>");</script><script> var baseUrl = "https://www.uw7.cn/"; var wxData = { "imgUrl" : baseUrl + 'logo.png',//分享缩略图 "link" : baseUrl + 'welcome.html',//分享的链接 "title" : '接单：网站，公众号，小程序等业务',//分享朋友标题 "title2" : 'QQ：4175455',//分享朋友圈标题 "desc" : '价格美丽'//分享朋友的文案 }; wx.config({ debug: false, appId: signPackage.appId, timestamp: parseInt(signPackage.timestamp), nonceStr: signPackage.nonceStr, signature: signPackage.signature, jsApiList: [ 'updateAppMessageShareData', 'updateTimelineShareData' ] }); wx.ready(function () { wx.updateTimelineShareData({ title: wxData.title2, link: wxData.link, imgUrl: wxData.imgUrl, success: function () { } }); wx.updateAppMessageShareData({ title: wxData.title, desc: wxData.desc, link: wxData.link, imgUrl: wxData.imgUrl, type: 'link', dataUrl: '', success: function () { } }); });</script>

复制代码

©dz插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
如有侵权请邮件与我们联系处理:discuz-x@qq.com（手机随时接收邮件）并出示相关证明以便删除。敬请谅解！

微信分享自定义标题、图片、链接的最新html代码

马上注册，免费下载更多dz插件网资源。

相关帖子

回复

More猜你喜欢

关于我们

服务支持

discuzaddons@vip.qq.com