h5頁面在微信中進行分享

1.引入該文件<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

2.

//微信分享

	        var now_url=window.location.href;
	        
	        $.ajax({
				
		        url : '鏈接',

                type : "get",
                
   				dataType : "json",
   				
                async : false,
                
                data:{
					'accesstoken':'token值',
					'url':now_url //當前網址
                },
            
				success : function(data) {		 
		         	wx.config({
				        debug: false,
				        appId: data.appId,
				        timestamp: data.timestamp,
				        nonceStr: data.nonceStr ,
				        signature: data.signature ,
				        jsApiList: [
				        	'showOptionMenu',
				            'onMenuShareTimeline',
				            'onMenuShareAppMessage'
				        ]
				    });
				},
                error : function(){
                    console.log('請求錯誤')

                }		      
		    }),
	        
	       
			setTimeout(function(){
			
	        wx.ready(function () {
	        	wx.showOptionMenu();
		        //“分享到朋友圈”
		        wx.onMenuShareTimeline({
		        	title:'分享出來的標題',
		        	link:now_url,
		        	imgUrl: 'aa.png',
		            success: function () {
		            	
		                console.log("分享成功");
		                
		            },
		            cancel: function () {
		            	
		                console.log("分享失敗");
		                
		            }
		        });
		        // “分享給朋友”
		        wx.onMenuShareAppMessage({
		        	title:'分享出來的標題',
		        	desc: '進來看看', 
		        	link:now_url,
		        	imgUrl: 'aa.png',
		          	type: 'link', // 分享類型,當前是鏈接link
			        success: function () {
			            console.log("分享成功")
			        },
			        cancel: function () {
			            console.log("分享失敗")
			        }
		        });
		    });
	    },500)
	        //微信分享end

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章