文档章节

分享到朋友圈和分享给朋友

 金于虎
发布于 2016/11/10 16:24
字数 594
阅读 24
收藏 1

#程序员薪资揭榜#你做程序员几年了?月薪多少?发量还在么?>>>

##前端

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>微信js分享接口</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
</head>
<body>

<script>


	wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: '{$appid}', // 必填,公众号的唯一标识
    timestamp: '{$timestamp}', // 必填,生成签名的时间戳
    nonceStr: '{$noncestr}', // 必填,生成签名的随机串
    signature: '{$signature}',// 必填,签名,见附录1
    jsApiList: [
    'onMenuShareTimeline',
    'onMenuShareAppMessage'
      ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
     });

	wx.ready(function(){

    // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。

		    wx.onMenuShareTimeline({
		    title: 'king', // 分享标题
		    link: 'http://www.jianshu.com', // 分享链接
		    imgUrl: 'http://upload-images.jianshu.io/upload_images/3404372-1cd93b056c75628c.jpg?imageMogr2/auto-orient/strip%7CimageView2/1/w/300/h/300', // 分享图标
		    success: function () { 
		        // 用户确认分享后执行的回调函数
		    },
		    cancel: function () { 
		        // 用户取消分享后执行的回调函数
		      }
		      });

		    wx.onMenuShareAppMessage({
			    title: 'king', // 分享标题
			    desc: '测试的东西', // 分享描述
			    link: 'http://www.jianshu.com', // 分享链接
			    imgUrl: 'http://upload-images.jianshu.io/upload_images/3404372-1cd93b056c75628c.jpg?imageMogr2/auto-orient/strip%7CimageView2/1/w/300/h/300', // 分享图标
			    type: '', // 分享类型,music、video或link,不填默认为link
			    dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
			    success: function () { 
			        // 用户确认分享后执行的回调函数
			    },
			    cancel: function () { 
			        // 用户取消分享后执行的回调函数
			    }
			});

});

wx.error(function(res){

    // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。

});


</script>


</body>
</html>

服务器:

<?php
namespace Home\Controller;
use Think\Controller;
class IndexController extends BaseController {
	
    public function index(){
    	$jsapi=$this->getSignPackage();
          
         $this->appid=$jsapi['appId'];
         $this->noncestr=$jsapi['nonceStr'];
         $this->url=$jsapi['url'];
         $this->signature=$jsapi['signature'];
         $this->timestamp=$jsapi['timestamp'];
    $this->display();
    	
        
    }
}
```

© 著作权归作者所有

上一篇: js事件基础
下一篇: mysql trim
粉丝 1
博文 115
码字总数 47388
作品 0
曲靖
私信 提问
加载中

评论(0)

如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO

当下朋友圈很火,很多企业都将微信朋友圈作为品牌传播的途径,经常会发一些精彩的文章到微信朋友圈供大家自发传播,这样的想法很好,对于优质的内容,网友们也乐于转发与朋友们分享,对品牌宣...

sgdsf
2019/04/24
0
0
微信JSSDK分享到朋友圈和朋友自定义内容功能实现

个人小程序。可以扫描体验哦。点击广告此博文代码免费赠予 本博文实现了自定义分享朋友圈、转发朋友、获取网络状态、地理位置、扫一扫等JSSDK接口功能 官网文档。请自行仔细阅读 https://mp...

小帅帅丶
2017/02/21
913
6
微信朋友圈是什么?

今天在微信公众平台上看到了一则官方公告,内容如下: 我们反对不正当利用公众号群发消息的功能破坏用户体验的行为,特别是通过群发消息等手段强制或诱导用户分享至朋友圈的营销行为是我们所...

最牛傻蛋
2014/01/08
0
0
公众号页面分享朋友圈后点击跳转到小程序的方法介绍

由于微信小程序是不支持直接分享到朋友圈的, 只能转发给朋友或者群聊, 当前公司已经开发了小程序, 希望能把客户引导到小程序上操作报价, 方法是: 公众号货源详情分享朋友圈-> 朋友圈点击...

osc_dst9rn7q
2018/08/06
0
0
微信小程序分享朋友圈的实现思路与解决办法

简介 截止我写这篇文章的时候,小程序应该是还没有能够直接分享到朋友圈的api,转发给朋友和群是可以实现的,这篇文章主要是讲如何实现分享到朋友圈。 实现思路 那么既然小程序没有分享到朋友...

osc_0jg1hma8
2018/02/25
1
0

没有更多内容

加载失败,请刷新页面

加载更多

君子动手不动口,阿里云喊你做云上体验官啦!

想要免费搭建云上博客?想要玩转全云端开发?想要挑战AI经典命题?想要7天进阶成为云计算专家?想要初始化你的云原生工程?快来阿里云 Hands-on Labs! Hands-on Labs 是阿里云全新推出的云上...

osc_18ydlfr7
19分钟前
16
0
CAD图纸转换成图片格式后,如何快速分享给同事?

我们常见的图片格式有PNG与JPG两种,这两种图片在很多平台上都能兼容,所以使用的几率特别高,很多办公室人员都会遇到把CAD图纸转换成PNG与JPG格式的工作。那么我们把CAD图纸转换成图片格式后...

真不莲
20分钟前
25
0
测试真的是一个无聊又没前途的岗位吗?是吗?不是吗?

同事小王:你第一份工作同事咋样?为什么离职? 测试小张:第一份工作就是测试,微软外包。别人在测试完了以后不知道干嘛,我抓紧时间看vs的源代码,抓紧时间看pheonix的源代码,抓紧时间看微...

osc_3zq7ptf4
20分钟前
13
0
怎么在电脑上进行视频截图?视频截图的简单步骤介绍

怎么在电脑上进行视频截图?小编最近在网上看到不少关于郑爽的话题文章,而不少文章都是通过视频截图的形式把她以前的影视作品截图下来,然后对她的演技和人品进行议论和评判。如果大家也想对...

玛哈菲亚
20分钟前
20
0
CAAI云课堂丨第十三期,北京交通大学人工智能研究院院长于剑开讲

     开启云端互动,CAAI带你与名师面对面。中国人工智能学会积极探索学术交流创新模式,围绕AI+学术、AI+技术以屏幕架起连接智能科技知识的桥梁,探索新型模式,开设CAAI云课堂等系列活...

osc_j5pkc521
21分钟前
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部