微信分享，实现自定义标题、描述、图标

使用JSSDK+PHP实现网页微信自定义分享

步骤一：绑定域名、设置白名单

登录微信公众平台，进入“公众号设置”的“功能设置”里填写“JS接口安全域名”；
进入“安全中心”里设置“IP白名单”，一个IP放一行。

步骤二：实现微信自定义分享

sample.php 示例代码

<?php
require_once "jssdk.php";
$jssdk = new JSSDK("yourAppID", "yourAppSecret");
$signPackage = $jssdk->GetSignPackage();
?>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title></title>
</head>
<body><script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><script>var title='标题';var description='描述';var link='链接地址';var imgUrl = '图标';wx.config({debug: false,appId: '<?php echo $signPackage["appId"];?>',timestamp: <?php echo $signPackage["timestamp"];?>,nonceStr: '<?php echo $signPackage["nonceStr"];?>',signature: '<?php echo $signPackage["signature"];?>',jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline']});wx.ready(function () {//获取“分享给朋友”按钮点击状态，点击后发送给朋友微信，微信上的推送显示内容就是下面的数据wx.onMenuShareAppMessage({title: title, // 分享标题desc: description, // 分享描述link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: imgUrl, // 分享图标type: '', // 分享类型,music、video或link，不填默认为linkdataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空success: function () {console.log('分享成功');},cancel: function () {console.log('分享失败');}});//分享到朋友圈wx.onMenuShareTimeline({title: title, // 分享标题desc: description, // 分享描述link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: imgUrl, // 分享图标success: function () {console.log('分享成功');},cancel: function () {console.log('分享失败');}});});</script>
</body></html>

jssdk.php

<?php
class JSSDK {private $appId;private $appSecret;public function __construct($appId, $appSecret) {$this->appId = $appId;$this->appSecret = $appSecret;}public function getSignPackage() {$jsapiTicket = $this->getJsApiTicket();// 注意 URL 一定要动态获取，不能 hardcode.$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";$url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";$timestamp = time();$nonceStr = $this->createNonceStr();// 这里参数的顺序要按照 key 值 ASCII 码升序排序$string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";$signature = sha1($string);$signPackage = array("appId"     => $this->appId,"nonceStr"  => $nonceStr,"timestamp" => $timestamp,"url"       => $url,"signature" => $signature,"rawString" => $string);return $signPackage; }private function createNonceStr($length = 16) {$chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";$str = "";for ($i = 0; $i < $length; $i++) {$str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);}return $str;}private function getJsApiTicket() {// jsapi_ticket 应该全局存储与更新，以下代码以写入到文件中做示例$data = json_decode($this->get_php_file("jsapi_ticket.php"));if ($data->expire_time < time()) {$accessToken = $this->getAccessToken();// 如果是企业号用以下 URL 获取 ticket// $url = "https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access_token=$accessToken";$url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken";$res = json_decode($this->httpGet($url));$ticket = $res->ticket;if ($ticket) {$data->expire_time = time() + 7000;$data->jsapi_ticket = $ticket;$this->set_php_file("jsapi_ticket.php", json_encode($data));}} else {$ticket = $data->jsapi_ticket;}return $ticket;}private function getAccessToken() {// access_token 应该全局存储与更新，以下代码以写入到文件中做示例$data = json_decode($this->get_php_file("access_token.php"));if ($data->expire_time < time()) {// 如果是企业号用以下URL获取access_token// $url = "https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$this->appId&corpsecret=$this->appSecret";$url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$this->appId&secret=$this->appSecret";$res = json_decode($this->httpGet($url));$access_token = $res->access_token;if ($access_token) {$data->expire_time = time() + 7000;$data->access_token = $access_token;$this->set_php_file("access_token.php", json_encode($data));}} else {$access_token = $data->access_token;}return $access_token;}private function httpGet($url) {$curl = curl_init();curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);curl_setopt($curl, CURLOPT_TIMEOUT, 500);// 为保证第三方服务器与微信服务器之间数据传输的安全性，所有微信接口采用https方式调用，必须使用下面2行代码打开ssl安全校验。// 如果在部署过程中代码在此处验证失败，请到 http://curl.haxx.se/ca/cacert.pem 下载新的证书判别文件。curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, true);curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, true);curl_setopt($curl, CURLOPT_URL, $url);$res = curl_exec($curl);curl_close($curl);return $res;}private function get_php_file($filename) {// print_r(dirname(__FILE__));return trim(substr(file_get_contents(dirname(__FILE__).'/'.$filename), 15));}private function set_php_file($filename, $content) {$fp = fopen(dirname(__FILE__).'/'.$filename, "w");fwrite($fp, "<?php exit();?>" . $content);fclose($fp);}}

jsapi_ticket.php 用于存储jsapi_ticket

<?php exit();?>
{"jsapi_ticket":"","expire_time":0}

access_token.php 用于存储access_token

<?php exit();?>
{"access_token":"","expire_time":0}

JS-SDK说明文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

切记：直接复制链接到微信，分享的还是链接地址，需要将链接地址生成二维码，用微信扫描打开才能生效（或者从微信公众号内打开）。

微信分享，实现自定义标题、描述、图标相关推荐

h5 修改title 微信_微信分享H5自定义标题描述和图片
前言哎呀,为啥人家分享的H5页面这么绚丽,有头有尾有妹子,唯独自己的又老有丑又难啃,自己都看不下去,千万不要给领导看见.然而,最终还是领导发话了这个必须得改. 永远不要指望微信给的案例能让你迅速解决 ...
html分享标题描述图片尺寸,微信分享H5自定义标题描述和图片
前言哎呀,为啥人家分享的H5页面这么绚丽,有头有尾有妹子,唯独自己的又老有丑又难啃,自己都看不下去,千万不要给领导看见.然而,最终还是领导发话了这个必须得改. 永远不要指望微信给的案例能让你迅速解决 ...
如何在微信自定义链接分享内容,图文链接xml卡片生成代码,制作微信卡片实现自定义标题,描述,缩列图以供转发
问题背景微信现在是众多公司营销的重点.遍布朋友圈和消息群组里的html5各位可能也是天天见了, 如图,像这种吓人的标题党的风格如何制作QQ和微信图文链接, 是这个营销手段的必要技术问题. 考虑一下 ...
微信分享网页自定义标题和图片
前提以下内容为测试公众号实现的demo 这里仅前端部分代码实现准备工作申请测试账号在微信官方文档中申请一个测试的公众号微信扫码后,会分配一个测试的appID和appsecret 获取权限验 ...
typecho图标_Typecho微信自定义分享插件WeChatShare 自定义标题描述小图标
前言张小龙带领微信走进了大众的生活,在十亿用户的生活里扎根.于是我们不管是阅读.聊天.看视频,基本上都离不开微信.好东西分享给用户,第一时间想到的肯定是微信. 很久以前,一个网页分享到微信聊天,系统 ...
Android微信浏览器标题,企业微信内H5网页分享微信好友ios正常安卓自定义标题、图标、未生效...
企业微信内H5网页分享微信好友ios正常安卓自定义标题.图标.未生效问题类型 API/组件名称终端类型微信版本基础库版本 Bug 'onMenuShareWeibo', 'onMenuShar ...
微信自定义分享卡片链接的解决方案（可自定义标题描述图片）
微信自定义分享卡片链接的解决方案(可自定义标题描述图片) 参考文章: (1)微信自定义分享卡片链接的解决方案(可自定义标题描述图片) (2)https://www.cnblogs.com/rg ...
微信自定义分享卡片链接的解决方案（可自定义标题描述缩列图）
微信现在是众多公司营销的重点.遍布朋友圈和消息群组里的html5各位可能也是天天见了,不过自从微信更新后,对整个微信内的页面管控都严格了不少. 一.微信分享卡片自定义缩略图消失的原因--微信官方策略的 ...
微信分享带图片，描述（php版）
最近在为一个php网站添加微信分享带图片,描述的功能,这个功能之前了解过,但并没有彻底实现过,这个功能需要认证的公众号支持. 第一步:在已经认证的公众号配置安全域名(网上很多教程) 第二步:在微信公众 ...
微信js-sdk分享链接自定义图片描述标题
首先需求是:将微信扫一扫的分享功能回形针图片描述标题换成自定义的大概是从上往下的这个效果. 好了需求已经很明确了,接下来说一下实现过程.先贴两个很有用的帖子可以借鉴参考: http://ww ...

微信分享，实现自定义标题、描述、图标

使用JSSDK+PHP实现网页微信自定义分享

步骤一：绑定域名、设置白名单

步骤二：实现微信自定义分享

微信分享，实现自定义标题、描述、图标相关推荐

最新文章

热门文章