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

gzwnzss

使用本文教程，必须满足几个条件：
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>

复制代码

gzwnzss

可免费帮忙部署

sdlaobing

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

panwf

看看是不是需要的

老申的幸福生活

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

pcinstall

kk

顽童不老

支持一个。

sosoba

我是来学习的

ywofs

多谢分享

新化文印网

学习一下，谢谢分享