微信分享接口示例（设置标题、缩略图、连接、描述）

最新推荐文章于 2024-04-22 18:17:36 发布
最新推荐文章于 2024-04-22 18:17:36 发布
阅读量228 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wryt9/article/details/89532201
版权

前几天因为项目所需要实现微信分享接口，在网上搜了一大堆，实现办法大致分为两种，第一：在body之后加一个img标签并且设置display:none,这种方法感觉不科学所以我没有测试过。第二：使用微信的分享接口，但在网上也没用找到完整的示例，还是自己折腾吧，请看下面。

 

lwx3laym.png

注意:1:jsapi_ticket和access_token需要存在本地,access_token微信一天限制获取2000次

        2:获取access_token之前先确认ip地址在白名单内!!!

第一步：

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
注：认证帐号才有分享权限

第二步

创建一个demo.php文件和wxshare.js

demo.php

// 步骤1.设置appid和appsecret
    private $WX_APPID="wx9b1ec4fef5bf666";
    private $WX_SECRET="8e3e63698ddac81947f52b0a7be45b6666";
 
    // 步骤2.生成签名的随机串
    function nonceStr($length){
        $str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';//62个字符
        $strlen = 62;
        while($length > $strlen){
            $str .= $str;
            $strlen += 62;
        }
        $str = str_shuffle($str);
        return substr($str,0,$length);
    }
 
    // 步骤3.获取access_token
    function getAccessToken()
    {
        // access_token 应该全局存储与更新，以下代码以写入到文件中做示例
        $data = json_decode(self::get_php_file(WEIXIN."/access_token.php"));
//        var_dump($data);exit;
        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(self::httpGet($url));
            $access_token = $res->access_token;
 
            if ($access_token) {
                $data->expire_time = time() + 7000;
                $data->access_token = $access_token;
                self::set_php_file(WEIXIN."/access_token.php", json_encode($data));
            }
        } else {
            $access_token = $data->access_token;
        }
        return $access_token;
    }
 
 
 
    // 步骤4.获取ticket
    function ticket()
    {
        // jsapi_ticket 应该全局存储与更新，以下代码以写入到文件中做示例
    $data = json_decode($this->get_php_file(WEIXIN."/jsapi_ticket.php"));
    $data1 = json_decode($this->get_php_file(WEIXIN."/access_token.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));
        //var_dump($res);exit;
        if($res->errcode==40001){//token过期重新生成
            $data1->expire_time = 0;
            $data1->access_token = '';
            $this->set_php_file(WEIXIN."access_token.php", json_encode($data1));
            $data->expire_time = 0;
            $data->jsapi_ticket = '';
            $this->set_php_file(WEIXIN."jsapi_ticket.php", json_encode($data));
            $this->getSignPackage();//重新执行下请求token的方法
        }
        $ticket = $res->ticket;
 
      if ($ticket) {
        $data->expire_time = time() + 7000;
        $data->jsapi_ticket = $ticket;
        $this->set_php_file(WEIXIN."/jsapi_ticket.php", json_encode($data));
      }
    } else {
      $ticket = $data->jsapi_ticket;
    }
    return $ticket;
    }
 
 
 
 
    // 步骤5.生成wx.config需要的参数
    function share()
    {
        $surl = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
//        var_dump(self::getAccessToken());exit;
        return self::getWxConfig(self::ticket(), $surl, time(), self::nonceStr(16));
    }
 
    function getWxConfig($jsapiTicket,$url,$timestamp,$nonceStr) {
        $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";
        $signature = sha1 ( $string );
        $WxConfig["appId"] = $this->WX_APPID ;
        $WxConfig["nonceStr"] = $nonceStr;
        $WxConfig["timestamp"] = $timestamp;
        $WxConfig["url"] = $url;
        $WxConfig["signature"] = $signature;
        $WxConfig["rawString"] = $string;
        return $WxConfig;
    }
 
 
 
 
function http_get($url){
        $oCurl = curl_init();
        if(stripos($url,"https://")!==FALSE){
            curl_setopt($oCurl, CURLOPT_SSL_VERIFYPEER, FALSE);
            curl_setopt($oCurl, CURLOPT_SSL_VERIFYHOST, FALSE);
            curl_setopt($oCurl, CURLOPT_SSLVERSION, 1); //CURL_SSLVERSION_TLSv1
        }
        curl_setopt($oCurl, CURLOPT_URL, $url);
        curl_setopt($oCurl, CURLOPT_RETURNTRANSFER, 1 );
        $sContent = curl_exec($oCurl);
        $aStatus = curl_getinfo($oCurl);
        curl_close($oCurl);
        if(intval($aStatus["http_code"])==200){
            return $sContent;
        }else{
            return false;
        }
    }
 
/*get方法*/
  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;
  }
 
/*从文件中获取token*/
    public function get_php_file($filename) {
    return trim(substr(file_get_contents($filename), 15));
  }
 
/*存储到文件中*/
  public function set_php_file($filename, $content) {
    $fp = fopen($filename, "w");
    fwrite($fp, "<?php exit();?>" . $content);//防止执行php脚本，确保linux文件可写
    fclose($fp);
  }

网页部分:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Share Demo</title>

</head>

<body>

</body>

// 步骤6.调用JS接口

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script>

wx.config({

debug: false,
    appId: '<?php echo $detail["share"]["appId"]; ?>',
    timestamp: '<?php echo $detail["share"]["timestamp"]; ?>',
    nonceStr: '<?php echo $detail["share"]["nonceStr"]; ?>',
    signature: '<?php echo $detail["share"]["signature"]; ?>',
    jsApiList: [
        'checkJsApi',
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'onMenuShareQZone',
    ]
});
var wstitle = "<?php echo $detail['act_ext2']; ?>号选手:<?php echo $detail['act_name']; ?>";
var wsdesc = "<?php echo $detail['act_beta']; ?>";
var wslink = "<?php echo $detail['share']['url']; ?>";
var wsimg = "http://<?php echo $detail['share_pic']; ?>";

</script>

<script src="wxshare.js"></script>

</html>

wxshare.js

wx.ready(function () {

// 分享到朋友圈

wx.onMenuShareTimeline({

title: wstitle,

link: wslink,

imgUrl: wsimg,

success: function () {

alert('分享成功');

},

cancel: function () {

}

});

 
// 分享给朋友

wx.onMenuShareAppMessage({

title: wstitle,

desc: wsdesc,

link: wslink,

imgUrl: wsimg,

success: function () {

alert('分享成功');

},

cancel: function () {

}

});

 
// 分享到QQ

wx.onMenuShareQQ({

title: wstitle,

desc: wsdesc,

link: wslink,

imgUrl: wsimg,

success: function () {

alert('分享成功');

},

cancel: function () {

}

});

 
// 微信到腾讯微博

wx.onMenuShareWeibo({

title: wstitle,

desc: wsdesc,

link: wslink,

imgUrl: wsimg,

success: function () {

alert('分享成功');

},

cancel: function () {

}

});

 
// 分享到QQ空间

wx.onMenuShareQZone({

title: wstitle,

desc: wsdesc,

link: wslink,

imgUrl: wsimg,

success: function () {

alert('分享成功');

},

cancel: function () {

}

});

 
});

GetwxLink

wryt9
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信内置网页实现分享接口（PHP代码实例）
weixin_38855466的博客
06-12 402
​ 微信内置网页实现分享接口权限仅用于微信认证订阅号和服务号使用，个人认证订阅号无法使用，详情请查阅微信公众号开发者文档。
微信公众平台开发-微信服务器IP接口实例（含源码）
01-20
学习了access_token的获取及应用后，正式的使用access_token调用下其他微信公众平台的接口，加深认识与使用方法。 一、获取微信服务器IP地址实例 （一）接口介绍 如果公众号基于安全等考虑，需要获知微信服务器的IP地址列表，以便进行相关限制，可以通过该接口获得微信服务器IP地址列表或者IP网段信息。 （二）实例调用 接口说明 http请求方式：GET 接口调用地址： https://api.weixin.qq.com/cgi-bin/getcallbackip?access_token=ACCESS_TOKEN 请求参数说明，如表所示： 参数 是否必须 说明
微信公众号之分享接口
youhebuke225的博客
09-15 2446
当我们点击右上角的三个点，就会有默认的分享分享后的卡片如下。
JS-SDK，H5页面微信分享，朋友圈分享（php接口）
hdxyzlh_0225的专栏
06-17 3749
JS-SDK，H5页面微信分享，朋友圈分享（php接口）
关于微信二次分享，描述变链接的解决方法(一)----文档说明
weixin_33834137的博客
08-26 1909
声明： 本篇博文只是个人工作中的分享总结，仅代表个人观点，虽然解决了不少网友的问题，但同时也引来了一些网友的不满，所以特此声明，当您遇到本博文解决不了的问题，可以尝试重新进行其他搜索或者一起交流，相信总归能解决，而不是言语攻击！该博文的解决方案毕竟不是万金油，解决不了所有问题！ 前言： 最近工作中遇到了使用微信二次分享的时候，标题被截短，描述也变成了链接，图片也没有，运营人员半夜还在嚷嚷，无...
微信分享接口示例（设置标题、缩略图、连接、描述），附demo下载
reuiyt4的博客
05-29 82
前几天因为项目所需要实现微信分享接口，在网上搜了一大堆，实现办法大致分为两种，第一：在body之后加一个img标签并且设置display:none,这种方法感觉不科学所以我没有测试过。第二：使用微信的分享接口，但在网上也没用找到完整的示例，还是自己折腾吧，请看下面。 第一步： 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 注：认证帐号才有分享权限 ...
微信分享的标题、缩略图、连接及描述设置方法
09-04
在微信平台上进行内容分享时，为了让用户在朋友圈、聊天窗口或微博看到更加吸引人的信息，我们需要正确设置分享的标题、缩略图、链接以及描述。这些元素是构成分享内容的关键部分，它们共同决定了用户对分享内容的第...
shareDemo微信分享插件！分享可自定义标题，缩略图，简介！
01-25
标题是分享内容的醒目标识，缩略图可以是图片链接或本地资源路径，简介是对分享内容的简短描述。 6. **分享类型选择**：微信支持多种分享类型，如文本、图片、网页链接等。根据需求选择相应的分享接口，如`WXApi....
记录Android微信分享功能的吐槽与思考
01-20
这个函数的核心在于创建`WXWebpageObject`对象来存储网页URL，然后创建`WXMediaMessage`对象，设置其标题、描述以及缩略图。缩略图通常由`Bitmap`转换为字节数组，以便微信SDK能够处理。最后，通过`IWXAPI`接口的`...
微信分享案例
03-23
你需要根据需求创建WXMediaMessage对象，设置标题、描述、缩略图等属性。 6. **创建发送请求**：通过创建一个WXWebpageObject或WXImageObject等对象，设置其url或mediaId，然后将此对象作为WXMediaMessage的...
Java微信分享接口开发
神尐破
09-29 965
微信公众平台开始支持前端网页，大家可能看到很多网页上都有分享到朋友圈，关注微信等按钮，点击它们都会弹出一个窗口让你分享和关注，这个是怎么实现的呢？今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈，关注微信号等按钮。（1）适合人群1，JAVA服务端开发人员2，初级人员开发人员3，了解spring springboot + maven3，了解小程序开发跟前端人员接口对接（2）你需要准备什么？1，积极主动学习2，微信公众号开发基本流程。
微信分享接口
weixin_47106572的博客
04-12 626
只能在App使用 <template> <view class="content"> <button class="renzheng" v-on:click="shareFriend">点击分享朋友</button> <button class="renzheng" v-on:click="shareFriendcricle">分享到微信朋友圈</button> <button class="renzheng" v-
vue 中使用微信分享接口（简单实用）
weixin_44002432的博客
11-07 1050
前言 开发微信小程序时，基本上都要接入微信的SDK，而微信也提供了非常多的接口供我们去完成我们想要的功能。微信分享功能常常是我们在开发中常见的需求之一，本文将围绕微信分享接口使用展开，给自己以后碰到需求是查阅的同时，也希望对需要的朋友提供帮组。 封装微信分享接口 开始之前大家可以先读一读官方微信公众号的接入文档，毕竟官方的才是最权威的。 安装 npm install weixin-js-sd...
.Net网页微信分享到朋友圈，分享给朋友接口
sulei627719296的博客
07-25 283
步骤二：在网页中编写js代码，通过config接口注入权限验证配置。步骤一：在网页中引用js文件。步骤三：后台代码如下。
实现微信自定义分享（缩略图、标题、描述）
david_Xuan的博客
04-16 1111
实现微信自定义分享（缩略图、标题、描述）
微信H5分享接口问题（避开99%坑）
weixin_38527196的博客
11-26 608
微信H5分享接口问题（避开99%坑）
微信分享第三方连接（H5页面）自定义页面
最新发布
J_Lee
04-22 959
微信分享第三方连接（H5页面）自定义页面
微信分享链接显示缩略图和描述php代码
12-04
要实现微信分享链接显示缩略图和描述，可以使用以下的PHP代码： // 获取页面链接的缩略图和描述信息 function getOpenGraphData($url) { $html = file_get_contents($url); // 使用正则表达式匹配缩略图链接和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值