微信分享自定义标题、图片、链接的最新html代码-Discuz教程下载

登录/ 注册
站长工具
 找回密码
 立即注册
QQ登录
搜索
返回列表 发新帖

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

来自版块: Discuz教程发表于: 2023-7-21 10:38:29
2759
0
如本资源下载地址失效,请点击此处进行反馈
开通本站Svip会员，全站资源免费下
使用本文教程，必须满足几个条件：
1、项目域名必须备案（想要使用微信的接口都必须要域名是备案的）
2、认证过的公众号   
3、能运行PHP文件的环境

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

第一步
下载相关代码文件   网页调用微信js-sdk分享接口(1.4.0)  
亲爱的游客您好，请 登录 后进行 回复
第二步
将上步下载的accessToken文件夹上传网站目录中（路径自定义）

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

第四步
进入accessToken文件夹，打开signPackage.php，将微信公众号的AppID、AppSecret填入对应的位置
示例代码：
  1. <?php
  2. // 实现微信分享功能
  3. // 通过script标签引入该文件，通过url参数传递原网页的完整url
  4. error_reporting(0);
  5. $queryString = $_SERVER["QUERY_STRING"];// 获取PHP后的网址参数，格式为：originUrl=...
  6. $url = substr($queryString,10);// 截取原网页的完整url
  7. require_once "jssdk.php";
  8. $jssdk = new JSSDK("AppID", "AppSecret", $url);// 改为自己公众号的AppID、AppSecret
  9. $signPackage = $jssdk->GetSignPackage();
  10. echo "var signPackage=";
  11. die(json_encode($signPackage));// 返回微信分享所需参数
  12. ?>
复制代码
第五步
在需要调用微信自定义分享接口的html页面添加如下代码
  1. <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  2. <script>document.write("<script src='accessToken/signPackage.php?originUrl=" + window.location.href + "' type='text/javascript'><\/script>");</script>
  3. <script>
  4.     var baseUrl = "https://www.uw7.cn/";
  5.     var wxData = {
  6.       "imgUrl" : baseUrl + 'logo.png',//分享缩略图
  7.       "link"   : baseUrl + 'welcome.html',//分享的链接
  8.       "title"  : '接单：网站，公众号，小程序等业务',//分享朋友标题
  9.       "title2"  : 'QQ：4175455',//分享朋友圈标题
  10.       "desc"   : '价格美丽'//分享朋友的文案
  11.     };
  12.     wx.config({
  13.     debug: false,
  14.     appId: signPackage.appId,
  15.     timestamp: parseInt(signPackage.timestamp),
  16.     nonceStr: signPackage.nonceStr,
  17.     signature: signPackage.signature,
  18.     jsApiList: [
  19.     'updateAppMessageShareData',
  20.         'updateTimelineShareData'
  21.     ]
  22.     });
  23.     wx.ready(function () {
  24.     wx.updateTimelineShareData({
  25.     title: wxData.title2,
  26.     link: wxData.link,
  27.     imgUrl: wxData.imgUrl,
  28.     success: function () {
  29.     }
  30.     });
  31.     wx.updateAppMessageShareData({
  32.     title: wxData.title,
  33.     desc: wxData.desc,
  34.     link: wxData.link,
  35.     imgUrl: wxData.imgUrl,
  36.     type: 'link',
  37.     dataUrl: '',
  38.     success: function () {
  39.     }
  40.     });
  41.     });
  42. </script>
复制代码
微信，分享，自定义，标题，图片，链接，html，代码

举报

全部评论 0

期待你的评论哦~

教程 / CSS+DIV素材

  • Discuz教程
  • CSS+DIV素材

所属版块

返回版块

您需要登录后才可以回帖 立即登录
登录
0
0
0

©2015-2022 www.tuyuanma.com 版权所有 Sitemap.xml

本站内容皆来自网络分享，如有侵权请联系我们处理。

赣公网安备36112102000036号 赣ICP备17001544号-10

联系邮箱：tuyuanma@qq.com 联系QQ：3197813386

返回顶部