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

gzwnzss 發表於 2021-2-14 00:11:04

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

使用本文教程，必须满足几个条件： 1、项目域名必须备案（想要使用微信的接口都必须要域名是备案的） 2、认证过的公众号    3、能运行PHP文件的环境 满足上面几个条件的话，请接着往下看： 教程 第一步 下载相关代码文件   网页调用微信js-sdk分享接口(1.4.0)   第二步 将上步下载的accessToken文件夹上传网站目录中（路径自定义） 第三步 登录微信公众号平台（需要有认证的公众号） 1、设置-公众号设置-功能设置-JS接口安全域名（域名需要备案的） 2、开发-基本设置-IP白名单（添加IP白名单后才能调用接口） 第四步 进入accessToken文件夹，打开signPackage.php，将微信公众号的AppID、AppSecret填入对应的位置 示例代码： <ol><li><?php <li>// 实现微信分享功能 <li>// 通过script标签引入该文件，通过url参数传递原网页的完整url <li>error_reporting(0); <li>$queryString = $_SERVER["QUERY_STRING"];// 获取PHP后的网址参数，格式为：originUrl=... <li>$url = substr($queryString,10);// 截取原网页的完整url <li>require_once "jssdk.php"; <li>$jssdk = new JSSDK("AppID", "AppSecret", $url);// 改为自己公众号的AppID、AppSecret <li>$signPackage = $jssdk->GetSignPackage(); <li>echo "var signPackage="; <li> die(json_encode($signPackage));// 返回微信分享所需参数 <li> ?></ol>第五步 在需要调用微信自定义分享接口的html页面添加如下代码 <ol><li><script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <li><script>document.write("<script src='accessToken/signPackage.php?originUrl=" + window.location.href + "' type='text/javascript'><\/script>");</script> <li><script> <li>    var baseUrl = "https://www.uw7.cn/"; <li>    var wxData = { <li>      "imgUrl" : baseUrl + 'logo.png',//分享缩略图 <li>      "link"   : baseUrl + 'welcome.html',//分享的链接 <li>      "title"  : '接单：网站，公众号，小程序等业务',//分享朋友标题 <li>      "title2"  : 'QQ：4175455',//分享朋友圈标题 <li>      "desc"   : '价格美丽'//分享朋友的文案 <li>    }; <li>    wx.config({ <li>    debug: false, <li>    appId: signPackage.appId, <li>    timestamp: parseInt(signPackage.timestamp), <li>    nonceStr: signPackage.nonceStr, <li>    signature: signPackage.signature, <li>    jsApiList: [ <li>    'updateAppMessageShareData', <li>        'updateTimelineShareData' <li>    ] <li>    }); <li>    wx.ready(function () { <li>    wx.updateTimelineShareData({ <li>    title: wxData.title2, <li>    link: wxData.link, <li>    imgUrl: wxData.imgUrl, <li>    success: function () { <li>    } <li>    }); <li>    wx.updateAppMessageShareData({ <li>    title: wxData.title, <li>    desc: wxData.desc, <li>    link: wxData.link, <li>    imgUrl: wxData.imgUrl, <li>    type: 'link', <li>    dataUrl: '', <li>    success: function () { <li>    } <li>    }); <li>    }); <li></script></ol> Tahoma, 15px, quot

gzwnzss 發表於 2021-2-14 23:57:14

可免费帮忙部署

sdlaobing 發表於 2021-2-15 12:28:02

支持学习了.只是觉得那个能够版更换图片吗?

panwf 發表於 2021-3-4 16:40:12

看看是不是需要的

老申的幸福生活 發表於 2021-6-25 12:50:18

事大是大是大阿萨顺丰到付

pcinstall 發表於 2021-6-28 12:17:57

顽童不老 發表於 2021-7-4 11:00:08

支持一个。

sosoba 發表於 2021-7-16 13:59:38

我是来学习的

ywofs 發表於 2021-10-6 17:48:39

多谢分享

新化文印网 發表於 2021-10-19 10:19:28

学习一下，谢谢分享

頁: [1]

琼殿技术论坛's Archiver

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