fsf

share/Invitation.html

@@ -6,6 +6,8 @@
 <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no">
 <title>分享领红包</title>
 <link rel="stylesheet" type="text/css" href="public/public_css.css"/>
+<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
+<script src="weChatShare.js"></script>
 <style type="text/css">
 	body,html{font-size: 0.16rem;height: 100vh;}
 	body, div, button, h3, h6, span, ul, li, p, a,input{font-family: -apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0; margin: 0; box-sizing: inherit; font-weight: normal;}
@@ -83,6 +85,32 @@
 		color: #555555;
 		text-align: center;
 	}
+	.alert-info {
+	    position: absolute;
+	    top: 1.74rem;
+	    right: 0;
+	    left: 0;
+	    bottom: 0;
+	    text-align: center;
+	    z-index: 99;
+	}
+	
+	.alert-info p {
+	    display: inline-block;
+	    height: 0.38rem;
+	    color: #fff;
+	    font-size: 0.14rem;
+	    line-height: 0.38rem;
+	    padding: 0 0.10rem;
+	    background-color: rgba(0, 0, 0, 0.7);
+	    border-radius: 5px;
+	}
+	.shareWechat{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.7);display: none;}
+	.shareWechatCon{width:2.5rem;background:#ffffff;border-radius:0.12rem;position: absolute;top: 2rem;left: 0;right: 0;margin: auto;}
+	.shareWechat .wx_jiantou{width: 0.72rem;position: absolute;right: 0.15rem;top: 0.2rem;}
+	.shareWechat .shareWechatCon h3{font-size: 0.16rem;color: #FF2E2E;text-align: center;padding-bottom: 0.15rem;padding-top: 0.3rem;}
+	.shareWechat .shareWechatCon p{font-size: 0.14rem;color: #333333;text-align: center;padding-bottom: 0.3rem;}
+	.shareWechat .shareWechatCon .cancel{width: 0.34rem;height: 0.34rem;position: absolute;left: 0;right: 0;bottom: -0.5rem;margin: auto;}
 </style>
 	<script type="text/javascript">
 		document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
@@ -123,13 +151,27 @@
 			<div class="cancel">取消分享</div>
 		</div>
 	</div>
+	
+	<div class="shareWechat">
+		<img src="./images/wx_jiantou.png" class="wx_jiantou" />
+		<div class="shareWechatCon">
+			<h3>恭喜你，获得淘宝红包</h3>
+			<p>分享给好友，有奖一起拿</p>
+			<img class="cancel" src="./images/close.png"></img>
+		</div>
+	</div>
+	
+	<div class="alert-info" style="display: none;">
+        <!-- tip提示,3s后消失 -->
+        <p></p>
+    </div>
 </body>
 </html>
 <script type="text/javascript" src="public/jquery-2.1.0.js"></script>
 <script type="text/javascript">
 	var userId = null;
-	var activity_id = null;
-	var share_code = null;
+//	var activity_id = null;
+//	var share_code = null;
 	var str=location.href;  //取得整个地址栏
     var num=str.indexOf("?"); 
     str=str.substr(num+1); //str得到?之后的字符串
@@ -139,13 +181,13 @@
     		userId = brr[i].split('=')[1];//用户id
     		localStorage.setItem('userId', userId);
     	}
-    	if(brr[i].indexOf('activity_id') != -1){
-    		activity_id = brr[i].split('=')[1];//活动id
-    		localStorage.setItem('activity_id', activity_id);
-    	}
-    	if(brr[i].indexOf('share_code') != -1){
-    		share_code = brr[i].split('=')[1];
-    	}
+//  	if(brr[i].indexOf('activity_id') != -1){
+//  		activity_id = brr[i].split('=')[1];//活动id
+//  		localStorage.setItem('activity_id', activity_id);
+//  	}
+//  	if(brr[i].indexOf('share_code') != -1){
+//  		share_code = brr[i].split('=')[1];
+//  	}
     }
 	
 	
@@ -182,16 +224,25 @@
 	}
 	
 	$("#share").click(function () {
-		$(".shareMask").css('display','block')
+//		if(navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == "micromessenger"){
+			//微信
+			$(".shareWechat").css('display','block')
+			shareFriend ();
+//		}else{
+////			//app端
+//			$(".shareMask").css('display','block')
+//		}
 		share();
 	})
 	$(".cancel").click(function () {
-		$(".shareMask").css('display','none')
+		$(".shareMask").css('display','none');
+		$(".shareWechat").css('display','none')
 	})
 	
 	var num = 0;
 	//分享
 	function share() {
+		//分享统计
 		$.ajax({
 			type:"post",
 			url:"/api/V2/share",
@@ -205,5 +256,36 @@
 			}
 		})
 	}
-
+	function shareFriend () {
+		//微信sdk分享验证信息
+		$.ajax({
+			type:"post",
+			url:"/api/V2/jsonConfig",
+			dataType:"json",
+			data:{
+				url:'index.html?userId=' + userId
+			},
+			success: function (res) {
+				if(res && res.code == 0){
+					wexinPay(res.res.url,'./hongbao.png',res.res,() => {
+						showMsg("成功")
+					},() => {
+						showMsg("失败")
+					})
+				}
+			}
+		})
+	}
+	/**
+	 * [showMsg 提示各种错误信息,3s后消失]
+	 */
+	function showMsg(msg) {
+	    var msgBox = $('.alert-info');
+	    msgBox.children('p').text(msg);
+	    msgBox.show();
+	
+	    setTimeout(function() {
+	        msgBox.hide();
+	    }, 3000);
+	}
 </script>

share/index.html

@@ -75,15 +75,25 @@
 	    <div id="copy_2"></div>
 		<text id="taokouling">€WVXSb1pT51S€</text>
 		
-		<div class="alert-info" style="display: none;">
-            <!-- tip提示,3s后消失 -->
-            <p></p>
-        </div>
+	<div class="alert-info" style="display: none;">
+        <!-- tip提示,3s后消失 -->
+        <p></p>
+    </div>
 </body>
 </html>
 <script type="text/javascript" src="public/jquery-2.1.0.js"></script>
 <script type="text/javascript">
-	var user_id = 1;
+	var userId = null;
+	var str=location.href;  //取得整个地址栏
+    var num=str.indexOf("?"); 
+    str=str.substr(num+1); //str得到?之后的字符串
+    var brr=str.split("&");
+	for(var i = 0 ; i<brr.length; i++){
+    	if(brr[i].indexOf('userId') != -1){
+    		userId = brr[i].split('=')[1];//用户id
+    		localStorage.setItem('userId', userId);
+    	}
+    }
 		//页面加载，显示数据
 	window.onload = function () {
 		Lead() ;
@@ -94,7 +104,7 @@
 			type:"post",
 			url:"/api/V2/receiveRedPacket",
 			data:{
-				user_id:user_id
+				user_id:userId
 			},
 			success: function (res) {
 				var data =JSON.parse(res)
@@ -102,7 +112,9 @@
 				if(data.code == 0){
 					copyPassword();
 				}else if(data.code == 4003){
-					console.log("领取失败")
+					showMsg("领取失败")
+				}else if(data.code == 4002){
+					showMsg(data.message)
 				}
 			}
 		})
@@ -162,7 +174,7 @@
 	        Url2.select(); // 选择对象
 	        document.execCommand("Copy"); // 执行浏览器复制命令
 	    }
-	    window.location.href="Invitation.html"
+	    window.location.href="Invitation.html?userId=" + userId
 	}
 	
 	
@@ -210,6 +222,17 @@
 	        });
 	    }
 	}
+	/**
+	 * [showMsg 提示各种错误信息,3s后消失]
+	 */
+	function showMsg(msg) {
+	    var msgBox = $('.alert-info');
+	    msgBox.children('p').text(msg);
+	    msgBox.show();
 	
+	    setTimeout(function() {
+	        msgBox.hide();
+	    }, 3000);
+	}
 	
 </script>

share/weChatShare.js

@@ -0,0 +1,76 @@
+//微信方法（点击按键调用）
+/*
+微信分享方法
+获取微信加签信息
+@param{data}:获取的微信加签
+@param{cb}:成功回调
+*/
+let wexinPay = (shareUrl,shareImgUrl,payData,cb,errorCb) => {
+  let data = payData;
+//console.log(wx);
+  let appId = data.appId;
+  let timestamp = data.timestamp;
+  let nonceStr = data.nonceStr;
+  let signature = data.signature;
+//let rawString = data.rawString;
+//let packages = data.package;
+//let paySign = data.paySign;
+alert('appId,' + appId)
+alert('timestamp,' + timestamp)
+alert('nonceStr,' + nonceStr)
+alert('signature,' + signature)
+  wx.config({
+    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+    appId: appId, // 必填，公众号的唯一标识
+    timestamp: timestamp, // 必填，生成签名的时间戳
+    nonceStr: nonceStr, // 必填，生成签名的随机串
+    signature: signature, // 必填，签名，见附录1
+    jsApiList: [
+    	'onMenuShareTimeline',//分享到朋友圈
+    	'onMenuShareAppMessage'//分享给朋友
+    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
+  });
+  wx.ready(function(){
+//		let imgUrl = shareImgUrl;
+//			if(imgUrl.indexOf("https") == -1){
+//				imgUrl = imgUrl.replace('http', 'https');
+//			}
+  		// 分享给朋友
+  		 wx.onMenuShareAppMessage({
+  		   title: '我想0元拼到这件宝贝，急需你的帮助', // 分享标题
+  		   desc: '点击助我一臂之力', // 分享描述
+		   link: shareUrl, // 分享链接
+  		   imgUrl: imgUrl, // 分享的图标
+  		   success: function (res) {
+  		   	//分享成功的回调
+  		   	cb(res);
+  		   },
+  		   fail: function (res) {
+  		     errorCb(res);
+  		   }
+  		 });
+			// 分享到朋友圈
+			wx.onMenuShareTimeline({
+			  title: '我想0元拼到这件宝贝，急需你的帮助', // 分享标题
+			  desc: '点击助我一臂之力', // 分享描述
+			  link: shareUrl, // 分享链接
+			  imgUrl: imgUrl, // 分享的图标
+			  success: function (res) {
+			  	//分享成功的回调
+			  	cb(res);
+			  },
+			  fail: function (res) {
+			    errorCb(res);
+			  }
+			});
+  });
+  wx.error(function(res) {
+    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
+    alert("签名错误")
+//  Toast({
+//		  message:res,
+//		  duration: 15000
+//		});
+  });
+}
+//export default wexinPay;