查看: 364|回复: 9

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

[复制链接]

156

主题

357

回帖

626

积分

高级会员

积分
626
发表于 2023-2-20 14:16:00 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

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

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

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

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

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

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

第四步
进入accessToken文件夹,打开signPackage.php,将微信公众号的AppID、AppSecret填入对应的位置
示例代码:
  1. <?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页面添加如下代码
  1. <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>
复制代码

免责声明

1.本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。
2.如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。

上一篇:中文繁体台湾繁体香港繁体简体中文互转
下一篇:如何让【自适应模板】和【手机触屏模板】共存?

回复

使用道具 举报

3991

主题

353

回帖

4481

积分

论坛元老

积分
4481
发表于 2023-2-20 14:16:43 | 显示全部楼层
可免费帮忙部署
回复 支持 反对

使用道具 举报

128

主题

370

回帖

595

积分

高级会员

积分
595
发表于 2023-2-20 14:17:27 | 显示全部楼层
支持学习了.只是觉得那个能够版更换图片吗?
回复 支持 反对

使用道具 举报

170

主题

381

回帖

666

积分

高级会员

积分
666
发表于 2023-2-20 14:18:25 | 显示全部楼层
看看是不是需要的
回复 支持 反对

使用道具 举报

156

主题

357

回帖

626

积分

高级会员

积分
626
楼主 发表于 2023-2-20 14:19:22 | 显示全部楼层
事大是大是大阿萨顺丰到付
回复 支持 反对

使用道具 举报

128

主题

370

回帖

595

积分

高级会员

积分
595
发表于 2023-2-20 14:19:35 | 显示全部楼层
kk{:2_25:}
回复 支持 反对

使用道具 举报

159

主题

389

回帖

665

积分

高级会员

积分
665
发表于 2023-2-20 14:19:43 | 显示全部楼层
支持一个。
回复 支持 反对

使用道具 举报

114

主题

372

回帖

559

积分

高级会员

积分
559
发表于 2023-2-20 14:20:26 | 显示全部楼层
我是来学习的
回复 支持 反对

使用道具 举报

159

主题

389

回帖

665

积分

高级会员

积分
665
发表于 2023-2-20 14:21:26 | 显示全部楼层
多谢分享
回复 支持 反对

使用道具 举报

153

主题

356

回帖

610

积分

高级会员

积分
610
发表于 2023-2-20 14:21:42 | 显示全部楼层
学习一下,谢谢分享
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表