微信分享到朋友圈，分享给朋友JS代码

2024-06-04 13:18
文章标签 代码 微信 js 分享 朋友圈 朋友

本文主要是介绍微信分享到朋友圈，分享给朋友JS代码，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

php部分
function  jssdk(){
         $appid  =  '这里替换成你的appid' ;
         $secret  =  '这里替换成你的key' ;
         $_title  =  '微信' ;
         $code  =  $_GET [ 'code' ]; //获取code
         $_SESSION [ 'code' ] =  $code ; //设置code缓存给微信付账使用
         $auth  =  file_get_contents ( "https://api.weixin.qq.com/sns/oauth2/access_token?appid=" . $appid . "&secret=" . $secret . "&code=" . $code . "&grant_type=authorization_code" );//通过code换取网页授权access_token
         $jsonauth  = json_decode( $auth );  //对JSON格式的字符串进行编码
         $arrayauth  = get_object_vars( $jsonauth ); //转换成数组
         $openid  =  $arrayauth [ 'openid' ]; //输出openid
         $access_token  =  $arrayauth [ 'access_token' ];
         $_SESSION [ 'openid' ] =  $openid ;
         
         $accesstoken  =  file_get_contents ( "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=" . $appid . "&secret=" . $secret . "" );//获取access_token
         $token  = json_decode( $accesstoken );  //对JSON格式的字符串进行编码
         $t  = get_object_vars( $token ); //转换成数组
         $access_token  =  $t [ 'access_token' ]; //输出access_token
         
         $jsapi  =  file_get_contents ( "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=" . $access_token . "&type=jsapi" );
         $jsapi  = json_decode( $jsapi );
         $j  = get_object_vars( $jsapi );
         $jsapi  =  $j [ 'ticket' ]; //get JSAPI
         
         $time  = 14999923234;
         $noncestr =  $time ;
         $jsapi_ticket =  $jsapi ;
         $timestamp = $time ;
         $url = 'http://' . $_SERVER [ 'HTTP_HOST' ]. $_SERVER [ 'REQUEST_URI' ];
         $and  =  "jsapi_ticket=" . $jsapi_ticket . "&noncestr=" . $noncestr . "&timestamp=" . $timestamp . "&url=" . $url . "" ;
         $signature  = sha1( $and );
         return  $signature ;
     }

最后的一句代码，就是说，如果你在输出页面使用<?=jssdk();?>,那么就会输出$signature的内容。其中上面的$time是我手动指定的，这个一定要跟输出页面的js代码的值一样。

输出页面代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<script type= "text/javascript"  src= "http://res.wx.qq.com/open/js/jweixin-1.0.0.js" ></script>
<script language= "javascript"  type= "text/javascript" >
wx.config({
     debug:  false , //这里是开启测试，如果设置为true，则打开每个步骤，都会有提示，是否成功或者失败
     appId:  '这里换成你的appid' ,
     timestamp:  '14999923234' , //这个一定要与上面的php代码里的一样。
     nonceStr:  '14999923234' , //这个一定要与上面的php代码里的一样。
     signature:  '<?=jssdk();?>' ,
     jsApiList: [
       // 所有要调用的 API 都要加到这个列表中
         'onMenuShareTimeline' ,
         'onMenuShareAppMessage' ,
         'onMenuShareQQ' ,
         'onMenuShareWeibo'
     ]
});
wx.ready( function  () {
     wx.onMenuShareTimeline({
         title:  "<?=$act['act_name']?>" ,  // 分享标题
         link:  "http://www.brandhd.com/v/events/view/<?=$act['act_id']?>" , // 分享链接
         imgUrl:  "http://www.brandhd.com<?=$act['act_poster_small']?>" , // 分享图标
         success:  function  () { 
             // 用户确认分享后执行的回调函数
         },
         cancel:  function  () { 
             // 用户取消分享后执行的回调函数
         }
     });
     wx.onMenuShareAppMessage({
         title:  "<?=$act['act_name']?>" ,  // 分享标题
         desc:  "<?=substr($act['act_stime'],0,10)?><?=$act['act_place']?>" ,  // 分享描述
         link:  "http://www.brandhd.com/v/events/view/<?=$act['act_id']?>" , // 分享链接
         imgUrl:  "http://www.brandhd.com<?=$act['act_poster_small']?>" , // 分享图标
         type:  '' ,  // 分享类型,music、video或link，不填默认为link
         dataUrl:  '' ,  // 如果type是music或video，则要提供数据链接，默认为空
         success:  function  () { 
             // 用户确认分享后执行的回调函数
         },
         cancel:  function  () { 
             // 用户取消分享后执行的回调函数
         }
     });
     wx.onMenuShareQQ({
         title:  "<?=$act['act_name']?>" ,  // 分享标题
         desc:  "<?=substr($act['act_stime'],0,10)?>\n<?=$act['act_place']?>" ,  // 分享描述
         link:  "http://www.brandhd.com/v/events/view/<?=$act['act_id']?>" , // 分享链接
         imgUrl:  "http://www.brandhd.com<?=$act['act_poster_small']?>" , // 分享图标
         success:  function  () { 
            // 用户确认分享后执行的回调函数
         },
         cancel:  function  () { 
            // 用户取消分享后执行的回调函数
         }
     });
     wx.onMenuShareWeibo({
         title:  "<?=$act['act_name']?>" ,  // 分享标题
         desc:  "<?=substr($act['act_stime'],0,10)?>\n<?=$act['act_place']?>" ,  // 分享描述
         link:  "http://www.brandhd.com/v/events/view/<?=$act['act_id']?>" , // 分享链接
         imgUrl:  "http://www.brandhd.com<?=$act['act_poster_small']?>" , // 分享图标
         success:  function  () { 
            // 用户确认分享后执行的回调函数
         },
         cancel:  function  () { 
             // 用户取消分享后执行的回调函数
         }
     });
});
</script>



或者直接输出到php页面
<?php
require_once "jssdk.php";
$jssdk = new JSSDK("wx78437366c2672eb9", "408e952767c07ab8a116751842e57e56");
$signPackage = $jssdk->GetSignPackage();
?>
<html lang="zh_CN">
<body>
</body>
<script>
 $(document).ready(function(){
  /*
   * 注意：
   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
   * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
   * 邮箱地址：weixin-open@qq.com
   * 邮件主题：【微信JS-SDK反馈】具体问题
   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
   */
   //alert($.cookie('user_id'));
    var links1='http://mm.gushen178.com/wapZhuanti';
    if($.cookie('user_id')!=undefined||$.cookie('user_id')!=null){
links1='http://mm.gushen178.com/wapZhuanti/?rec_uid='+$.cookie("uid");
}
//alert(links1);

   wx.ready(function () {
wx.onMenuShareTimeline({
title: '150万现金奖励是真的么？别逗了！你看看有多少大学生已经拿奖了！',
desc: '2016“股神交友”中国大学生模拟证券投资大奖赛，总冠军8万元，月冠军1万元，周冠军3千元。每周每月每年前三名都有奖！',
link:links1,
imgUrl:'http://mm.gushen178.com/wapZhuanti/images/512.png',
success: function () {
alert('已分享');
},
cancel: function () { 
alert('已取消');
}
});
wx.onMenuShareAppMessage({
title: '150万现金奖励是真的么？别逗了！你看看有多少大学生已经拿奖了！',
desc: '2016“股神交友”中国大学生模拟证券投资大奖赛，总冠军8万元，月冠军1万元，周冠军3千元。每周每月每年前三名都有奖！',
link: links1,
imgUrl:'http://mm.gushen178.com/wapZhuanti/images/512.png',
type: '', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
alert('已分享');
},
cancel: function () { 
alert('已取消');
}
});
   });
 });
</script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
 $(document).ready(function(){
  /*
   * 注意：
   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
   * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
   * 邮箱地址：weixin-open@qq.com
   * 邮件主题：【微信JS-SDK反馈】具体问题
   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
   */
  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: ["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo","onMenuShareQZone","startRecord","stopRecord","onVoiceRecordEnd","playVoice","pauseVoice","stopVoice","onVoicePlayEnd","uploadVoice","downloadVoice","chooseImage","previewImage","uploadImage","downloadImage","translateVoice","getNetworkType","openLocation","getLocation","hideOptionMenu","showOptionMenu","hideMenuItems","showMenuItems","hideAllNonBaseMenuItem","showAllNonBaseMenuItem","closeWindow","scanQRCode","chooseWXPay","openProductSpecificView"]


  });
 });
</script>
</html>

这篇关于微信分享到朋友圈，分享给朋友JS代码的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1030185。

相关文章

使用Java将DOCX文档解析为Markdown文档的代码实现

使用Java将DOCX文档解析为Markdown文档的代码实现

《使用Java将DOCX文档解析为Markdown文档的代码实现》在现代文档处理中,Markdown（MD）因其简洁的语法和良好的可读性,逐渐成为开发者、技术写作者和内容创作者的首选格式,然而,许多文... 目录引言1. 工具和库介绍2. 安装依赖库3. 使用Apache POI解析DOCX文档4. 将解析
阅读更多...
C++使用printf语句实现进制转换的示例代码

C++使用printf语句实现进制转换的示例代码

《C++使用printf语句实现进制转换的示例代码》在C语言中,printf函数可以直接实现部分进制转换功能,通过格式说明符（formatspecifier）快速输出不同进制的数值,下面给大家分享C+... 目录一、printf 原生支持的进制转换1. 十进制、八进制、十六进制转换2. 显示进制前缀3. 指
阅读更多...
JS+HTML实现在线图片水印添加工具

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的
阅读更多...
Node.js 数据库 CRUD 项目示例详解(完美解决方案)

Node.js 数据库 CRUD 项目示例详解(完美解决方案)

《Node.js数据库CRUD项目示例详解(完美解决方案)》：本文主要介绍Node.js数据库CRUD项目示例详解(完美解决方案),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考... 目录项目结构1. 初始化项目2. 配置数据库连接 (config/db.js)3. 创建模型 (models/
阅读更多...
使用Node.js制作图片上传服务的详细教程

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例
阅读更多...
使用Python实现全能手机虚拟键盘的示例代码

使用Python实现全能手机虚拟键盘的示例代码

《使用Python实现全能手机虚拟键盘的示例代码》在数字化办公时代,你是否遇到过这样的场景：会议室投影电脑突然键盘失灵、躺在沙发上想远程控制书房电脑、或者需要给长辈远程协助操作？今天我要分享的Pyth... 目录一、项目概述：不止于键盘的远程控制方案1.1 创新价值1.2 技术栈全景二、需求实现步骤一、需求
阅读更多...
Java中Date、LocalDate、LocalDateTime、LocalTime、时间戳之间的相互转换代码

Java中Date、LocalDate、LocalDateTime、LocalTime、时间戳之间的相互转换代码

《Java中Date、LocalDate、LocalDateTime、LocalTime、时间戳之间的相互转换代码》：本文主要介绍Java中日期时间转换的多种方法,包括将Date转换为LocalD... 目录一、Date转LocalDateTime二、Date转LocalDate三、LocalDateTim
阅读更多...
SpringBoot实现微信小程序支付功能

SpringBoot实现微信小程序支付功能

《SpringBoot实现微信小程序支付功能》小程序支付功能已成为众多应用的核心需求之一,本文主要介绍了SpringBoot实现微信小程序支付功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作... 目录一、引言二、准备工作（一）微信支付商户平台配置（二）Spring Boot项目搭建（三）配置文件
阅读更多...
jupyter代码块没有运行图标的解决方案

jupyter代码块没有运行图标的解决方案

《jupyter代码块没有运行图标的解决方案》：本文主要介绍jupyter代码块没有运行图标的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录jupyter代码块没有运行图标的解决1.找到Jupyter notebook的系统配置文件2.这时候一般会搜索到
阅读更多...
Python通过模块化开发优化代码的技巧分享

Python通过模块化开发优化代码的技巧分享

《Python通过模块化开发优化代码的技巧分享》模块化开发就是把代码拆成一个个“零件”,该封装封装,该拆分拆分,下面小编就来和大家简单聊聊python如何用模块化开发进行代码优化吧... 目录什么是模块化开发如何拆分代码改进版：拆分成模块让模块更强大：使用 __init__.py你一定会遇到的问题模www.
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2