微信 jssdk 看着文档简单总结_wx.checkjsapi-优快云博客

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>微信JS-SDK</title>
</head>
<body>
    <script src="{{ asset('js/jquery-1.11.2.min.js') }}"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">

		/*
			1.通过config接口注入权限验证配置
			2.开启 'debug: true' 调试模式
				1>调用所有的api的返回值，会在客户端 alert 出来
				2>若要查看传入的参数，可以在PC端打卡，参数信息会通过log打出，仅在PC端时才会打印
		 */ 
	    wx.config({
	    	debug: true,		// 调试模式
	    	appId: '',			// 公众号app_id
	    	timestamp: '',		// 生成签名的时间戳
	    	nonceStr: '',		// 生成签名的随机串
	    	signature: '',		// 签名
	    	jsApiList: [],		// 需要使用的JS接口列表
	    });

	    /*
		    1.config信息验证后，会执行 ready() 方法。所有的接口调用，都必须在config信息验证后，才可执行。
		    2.所以，有的接口，想在页面加载完毕，自动调用，就必须放在这里！
		    3.对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中
	     */ 
	    wx.ready(function(){

	    });

	    // config信息验证失败，会执行 error() 方法
	    wx.error(function(){

	    });

	    /*
	    	1.所有接口，都通过 'wx对象' 来调用(也可使用 'jWeixin对象')

	    	2.每个接口的参数，都是一个 {}-对象

	    	3.每个接口除了自身的参数外，具有以下通用参数：	
	    		1>success - 接口调用成功时，执行的回调函数
	    		2>fail - 接口调用失败时，执行的回调函数
	    		3>commplete - 接口调用完成时，执行的回调函数(无论成功或失败，都执行)
	    		4>cancel - 用户点击取消时，执行的回调函数(仅支持部分接口)
	    		5>trigger - 监听 'Menu' 中的按钮点击时，执行的方法(仅支持 'Menu' 中的相关接口)
		    		warning：
		    			不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回

	    	4.上面几个函数，都有一个 '参数'，类型为 {}-对象，除了接口本身返回的数据外，还具有通用属性：
	    		errMsg - 错误相关
				以 'onMenuShareTimeline' 接口为例：
		    		success - onMenuShareTimeline:ok
		    		cancel - onMenuShareTimeline:cancel
		    		fail - 具体错误信息
	     */

	    // 判断当前客户端版本是否支持指定JS接口
	    wx.checkJsApi({
	    	jsApiList: [],		// 需要检测的JS接口列表
	    	success: function(res){
	    		// {"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}	
	    	}
	    });

	    // 分享到朋友圈
	    wx.onMenuShareTimeline({
	    	title: '',
	    	link: '',
	    	imgUrl: '',
	    	success: function(){

	    	},
	    	cancel: function(){

	    	},
	    });

	    // 分享给朋友
	    wx.onMenuShareAppMessage({
	    	title: '',				// 分享标题
	    	desc: '',				// 分享描述
	    	link: '',				// 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
	    	imgUrl: '',				// 分享图标
	    	type: '',				// 分享类型：music | video | link，默认为：link
	    	dataUrl: '',			// 如果type为：music | video，则要提供数据，默认为：空
	    	success: function(){

	    	},
	    	cancel: function(){

	    	},
	    });

	    // 分享到QQ
	    wx.onMenuShareQQ({
	    	title: '',
	    	desc: '',
	    	link: '',
	    	imgUrl: '',
	    	success: function(){

	    	},
	    	cancel: function(){

	    	},
	    });

	    // 分享到 '腾讯' 微博
	    wx.onMenuShareWeibo({
	    	title: '',
	    	desc: '',
	    	link: '',
	    	imgUrl: '',
	    	success: function(){

	    	},
	    	cancel: function(){

	    	},
	    });

	    // 分享到QQ空间
	    wx.onMenuShareQZone({
	    	title: '',
	    	desc: '',
	    	link: '',
	    	imgUrl: '',
	    	success: function(){

	    	},
	    	cancel: function(){

	    	},
	    });

	    // 关闭当前网页窗口
	    wx.closeWindow();

	    /*
	    	所有菜单项列表:
	    		基本类：
	    			举报 - menuItem:exposeArticle
	    			调整字体 - menuItem:setFont - 
	    			日间模式 - menuItem:dayMode
					夜间模式 - menuItem:nightMode
					刷新 - menuItem:refresh
					查看公众号（已添加） - menuItem:profile
					查看公众号（未添加） - menuItem:addContact

				传播类 - 
					发送给朋友 - menuItem:share:appMessage
					分享到朋友圈 - menuItem:share:timeline
					分享到QQ - menuItem:share:qq
					分享到Weibo - menuItem:share:weiboApp
					收藏 - menuItem:favorite
					分享到FB - menuItem:share:facebook
					分享到 QQ 空间/menuItem:share:QZone

				保护类 - 
					编辑标签 - menuItem:editTag
					删除 - menuItem:delete
					复制链接 - menuItem:copyUrl
					原网页 - menuItem:originPage
					阅读模式 - menuItem:readMode
					在QQ浏览器中打开 - menuItem:openWithQQBrowser
					在Safari中打开 - menuItem:openWithSafari
					邮件 - menuItem:share:email
					一些特殊公众号 - menuItem:share:brand
	     */

	    // 批量隐藏功能按钮
	    wx.hideMenuItems({
	    	menuList: [],	// 要隐藏的菜单项，只能隐藏 '传播类' 和 '保护类'	
	    });

	    // 批量显示功能按钮
	    wx.showMenuItems({
	    	menuList: [],	// 要显示的菜单项
	    });

	    // 隐藏所有非基础按钮(基本类)
	    wx.hideAllNonBaseMenuItem();

	    // 显示所有非基础按钮
	    wx.showAllNonBaseMenuItem();
	</script>
</body>
</html>