余赚网 发表于 2024-10-19 07:37:06

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

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

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

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

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

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

第四步
进入accessToken文件夹,打开signPackage.php,将微信公众号的AppID、AppSecret填入对应的位置
示例代码:
第五步
在需要调用微信自定义分享接口的html页面添加如下代码
document.write("");    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 () {    }    });    });

ROBOT 发表于 2024-10-19 07:37:42

可免费帮忙部署

小冰 发表于 2024-10-19 07:37:51

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

yusr 发表于 2024-10-19 07:38:44

看看是不是需要的

::Bra 发表于 2024-10-19 07:39:14

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

::Bra 发表于 2024-10-19 07:39:48

kk

月落秋水 发表于 2024-10-19 07:40:13

支持一个。

霸王别姬 发表于 2024-10-19 07:40:19

我是来学习的

月落秋水 发表于 2024-10-19 07:41:14

多谢分享

ysx24 发表于 2024-10-19 07:42:12

学习一下,谢谢分享
页: [1]
查看完整版本: 微信分享自定义标题、图片、链接的最新html代码