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

最新推荐文章于 2024-08-04 02:37:22 发布
最新推荐文章于 2024-08-04 02:37:22 发布
阅读量3.3k 收藏 3
点赞数 3
分类专栏： 微信

原文连接:https://blog.csdn.net/qq_34543438/article/details/78254667

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

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

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

第一步：

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

第二步

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

demo.php

  1.  
<?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

 

  1. wx.ready(function () {

  2. // 分享到朋友圈

  3. wx.onMenuShareTimeline({

  4. title: wstitle,

  5. link: wslink,

  6. imgUrl: wsimg,

  7. success: function () {

  8. alert('分享成功');

  9. },

  10. cancel: function () {

  11. }

  12. });

  13.  

  14. // 分享给朋友

  15. wx.onMenuShareAppMessage({

  16. title: wstitle,

  17. desc: wsdesc,

  18. link: wslink,

  19. imgUrl: wsimg,

  20. success: function () {

  21. alert('分享成功');

  22. },

  23. cancel: function () {

  24. }

  25. });

  26.  

  27. // 分享到QQ

  28. wx.onMenuShareQQ({

  29. title: wstitle,

  30. desc: wsdesc,

  31. link: wslink,

  32. imgUrl: wsimg,

  33. success: function () {

  34. alert('分享成功');

  35. },

  36. cancel: function () {

  37. }

  38. });

  39.  

  40. // 微信到腾讯微博

  41. wx.onMenuShareWeibo({

  42. title: wstitle,

  43. desc: wsdesc,

  44. link: wslink,

  45. imgUrl: wsimg,

  46. success: function () {

  47. alert('分享成功');

  48. },

  49. cancel: function () {

  50. }

  51. });

  52.  

  53. // 分享到QQ空间

  54. wx.onMenuShareQZone({

  55. title: wstitle,

  56. desc: wsdesc,

  57. link: wslink,

  58. imgUrl: wsimg,

  59. success: function () {

  60. alert('分享成功');

  61. },

  62. cancel: function () {

  63. }

  64. });

  65.  

  66. });

大功告成！

 

 

 

 

 

安努纳奇
关注
专栏目录
微信分享接口示例（设置标题、缩略图、连接、描述），附demo下载
wryt9的博客
04-26 262
前几天因为项目所需要实现微信分享接口，在网上搜了一大堆，实现办法大致分为两种，第一：在body之后加一个img标签并且设置display:none,这种方法感觉不科学所以我没有测试过。第二：使用微信的分享接口，但在网上也没用找到完整的示例，还是自己折腾吧，请看下面。 第一步： 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 注：认证帐号才有分享权限 ...
微信分享接口
04-10
微信分享接口，支持自定义分享到、微信朋友圈、腾讯微博、QQ聊天、QQ空间、微信聊天等。
微信小程序开发中的微信分享和朋友圈分享设置
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
08-04 1531
通过以上示例和技巧，您可以为您的微信小程序添加微信分享和朋友圈分享功能。在微信小程序的开发过程中，集成微信分享和朋友圈分享功能可以极大地提高小程序的曝光度和用户活跃度。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。朋友圈分享则是指用户将小程序的内容分享到自己的微信朋友圈中。一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身农奴把歌唱，为了增强灵活性，我们可以在不同的场景下动态调整分享的内容。专栏系列（点击解锁）
微信分享的标题、缩略图、连接及描述设置方法
xbncxcn4的博客
04-24 352
微信分享的标题、缩略图、连接及描述该如何设置，使用微信分享过程中会遇到这个情况，无解的朋友可以看看下面的代码 <script> var imgUrl = 'http://topic.xcar.com.cn/201403/ad_q3/pic/banner.jpg'; var lineLink = 'http://topic.xcar.com.cn/201403/...
微信端分享接口
lutt的博客
09-15 2785
微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。     通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。     本文介绍微信分享的功能：
shareDemo微信分享插件！分享可自定义标题，缩略图，简介！
01-25
标题是分享内容的醒目标识，缩略图可以是图片链接或本地资源路径，简介是对分享内容的简短描述。 6. **分享类型选择**：微信支持多种分享类型，如文本、图片、网页链接等。根据需求选择相应的分享接口，如`WXApi....
微信分享接口：
日光倾城的博客
08-11 582
通过config接口注入权限验证配置（详见上一篇博客） 所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在Android6.2中修复）。 注意：
微信端html5页面调用分享接口示例
09-27
主要介绍了微信端html5页面调用分享接口示例的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
微信分享接口sdk（js）
05-02
分享接分享接口sdk
微信公众号之分享接口
youhebuke225的博客
09-15 2532
当我们点击右上角的三个点，就会有默认的分享分享后的卡片如下。
微信公众号 - 网页服务 - 分享接口
kosmos1991
11-24 2032
需要有一个认证的微信公众号，订阅号、服务号都可以，主体不能是”个人“ 需要有一个域名，域名不能含有中文，域名需要备案 目录 一、公众号与域名绑定 二、 IP白名单 三、准备工作 3.1 引入JS文件 四、 后端(.net)生成需要的参数 4.1 获取accessToken 4.2 获取jsapi_ticket 4.3 生成其他参数 4.4 验证签名工具 五、前端配置 5.1...
Android GridView实现微信风格图片上传及功能示例
作者提到的GridView可能需要配合自定义适配器（Adapter），以便在每个格子中显示缩略图，并处理用户的选择操作。 在项目的具体实现中，当用户点击"加号"时，会弹出一个对话框供他们选择照片。这个对话框可能是系统...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值