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

说明:2015年,微信公众平台升级了开发文档。

其实就是限制了没有加入公众平台的人的分享权限。

如果你没有公众平台的账号,你也可以copy过去使用,只是分享的时候没有介绍,只有标题和图片。

右下角灰色的介绍会用一个当前的网址代替。

说明:该代码所示没有图样,只有点击右上角的分享到朋友圈或者分享给朋友,才会显示出效果。

URL中不能含有? 建议使用伪静态

提示:最好去注册个账号https://mp.weixin.qq.com

注册的应该是非个人的订阅号,不然没有分享的功能。不用谢~

效果如下图所示:

1.pic.jpg

我的是php,首先要做一个php的函数(我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代码的值一样。

输出页面代码如下:

<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>

时间: 2024-10-07 17:24:46

微信分享到朋友圈,分享给朋友JS代码的相关文章

ionic 实现微信朋友圈分享的完整开发流程

最近开始要着手负责开发ionic的项目了,一直很好奇想实现一个微信朋友圈分享的功能,所以我就网上找了找文章来练手实现,果不其然,找到了几篇,但是发现它们的流程都不太详细,清楚,直接,还有不少坑. 今天我自己就来梳理一下整个流程,笔者认为大家都是有ionic基础的: 首页,你得准备这些:    1: 一个android apk包    2: 应用签名(需要android apk包名来生成签名)    3: 通过微信开发平台,填写应用信息,申请一个微信 appid     4: 使用 cordova

微信及朋友圈分享

微信分享代码相对来说比较简单,因为已经给我们提供了SDK Demo,代码部分就不再赘述了. 这边有一篇文章写的挺好,把整个流程以及过程中遇到的问题都描述了一遍: http://blog.csdn.net/freesonhp/article/details/10756663 另外微信官方已经提供了一些经常遇到问题的解决方案 https://open.weixin.qq.com/cgi-bin/frame?t=resource/res_main_tmpl&lang=zh_CN 微信及朋友圈分享,布布

iOS - 社会化分享-微信分享,朋友圈分享

我仅仅做了文字和图片分享功能 1. TARGETS - Info - URL Types identifier -> weixin URL Schemes ->  应用id 2.在AppDelegate.h 引入头文件 #import "WXApi.h" { /** * WXSceneSession 分享到会话 * WXSceneTimeline 分享到朋友圈 * WXSceneFavorite 分享到我的收藏 */ enum WXScene _scene; } - (id

微信 6.5.1 for iOS发布 可以在朋友圈分享相册中的视频

今天微信 6.5.1 for iOS发布了,最主要的一个功能是可以在朋友圈分享相册中的视频,卖转发朋友圈视频软件的家伙估计要哭了.微信这次更新,更有利于个人号的运营,个人号的价值将更高.从现在起,直接升级到微信最新版本,然后点击别人朋友圈视频保存好,而后你就可以发了!朋友圈视频会是下一波微信流量红利吗? 怎么转发朋友圈的小视频? 1.长按朋友圈小视频,点击保存视频 2.发朋友圈小视频,直接从相册中选中刚刚保存的视频就能直接发送了 更详细的操作过程在这:微信转发朋友圈小视频就这么简单 微信的这个转

params is error 微信朋友圈分享网页内的外链打不开

在微信平台下开发了一个网页应用,绑定了微信公众平台.但是网页内部有一个外链(这个外链的域名没有备案). 出现以下情况: 这个网页应用通过 "发送给朋友(Send to Chat)"的方式,对方收到以后可以打开外链. 这个网页应用通过 "分享到朋友圈(Share on moments)"的方式,其他人打开以后无法打开外链. 错误描述: 当点击这个链接到看到 "param is error"的URL为: http://qbview.url.cn/ge

iOS开发之第三方分享微信分享、朋友圈分享,史上最新最全第三方分享微信方式实现、朋友圈方式实现

本文章项目demo地址: https://github.com/zhonggaorong/weixinLoginDemo 微信分享环境搭建参考(包含登录的源码):http://blog.csdn.net/zhonggaorong/article/details/51719050 微信分享前提: 1.需要成功在微信开发者平台注册了账号, 并取的对应的 appkey appSecret. 2. 针对iOS9 添加了微信的白名单,以及设置了 scheme url . 这都可以参照上面的链接,进行设置好

微信朋友圈分享链接的【图片】设置

我们在制作好一些网页以后,希望通过微信朋友圈分享给大家.但是发现这样分享到微信朋友圈是没有小图标的.如何在链接前增加吸引人的图片呢?请看下面的制作方法. 在网页的头部加上以下代码,图片路径自行修改. <head> <div id='wx_pic' style='margin:0 auto;display:none;'> <img src='/image/data/pic300.jpg' /> </div> </head> 制作像素是 300*30

apiCloud 三方分享,微信好友分享,微信朋友圈分享,QQ分享,微博分享

首先查看我的这篇有关三方登录的博客,地址是http://www.cnblogs.com/gqx-html/p/8303567.html,配置完三方数据后可以从上一篇文章中的链接跳转到各个登录查看api,也可以看下面 微信好友分享:https://docs.apicloud.com/Client-API/Open-SDK/wx 微信朋友圈分享:https://docs.apicloud.com/Client-API/Open-SDK/wx QQ分享:https://docs.apicloud.co

纯Java实现微信朋友圈分享图

纯Java实现微信朋友圈分享图 1.实现分享图的效果 2.开发环境 2.1 JDK * oracle's jdk 1.8以上 2.2 字体 * 若选择了微软雅黑字体又是代码部署到Linux,则需要安装微软雅黑字体,字体安装方式自行google 3. 加载背景 3.1 加载背景图 这是使用白色框底来作背景图1. java code //这里从项目resources加载背景图,读文件到输入流,代码作了简列 InputStream background = null BufferedImage zoo

如何在App中实现朋友圈功能之一朋友圈实现原理浅析——箭扣科技Arrownock

如何在App中实现朋友圈功能 之一 朋友圈实现原理浅析 微信朋友圈.新浪微博.知乎等知名朋友圈类型功能,大家有没有想过其实现的逻辑呢? 本文以微信朋友圈功能为例,解析实现逻辑. 朋友圈的结构: 朋友圈从总体上来说会分为6块结构,分别是墙.用户.图片.墙贴.评论与点赞. 墙:一块公共的墙,所有的墙贴都位于其上,如果APP只实现朋友圈功能,那么墙贴其实是可以不用的,但是如果APP要实现朋友圈.新闻圈等等其他各种墙贴类型消息的话,那么墙就显得很有必要了,这时候我们需要通过建立不同的墙来展示不同类型的墙