1.引用微信的js

2.配置

  wx.config({
                            debug: false,
                            appId: data.appid,  // appid信息
                            timestamp: data.timestamp,  //时间戳
                            nonceStr: data.nonceStr,  
                            signature: data.signature,
                            jsApiList: ['openLocation', 'scanQRCode', 'closeWindow']
                        });
                        wx.error(function (res) {
                            $.alert("出错了：" + res.errMsg);//这个地方的好处就是wx.config配置错误，会弹出窗口哪里错误，然后根据微信文档查询即可。
                        });
                        wx.ready(function () {
                            wx.checkJsApi({
                                jsApiList: ['scanQRCode'],
                                success: function (res) {

                                }
                            });
                            wx.scanQRCode({
                                needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                                scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有
                                success: function (res) {
                                    var result = res.resultStr; // 扫码返回的结果
                                   ........
                                  
                                },
                                error: function (res) {
                                    alert(res)
                                }
                            });
                            layer.closeAll('loading');
                        })

3.后台代码数据(未完成)

var appid="*********";
 var timestamp = ((long)(DateTime.Now.ToUniversalTime() - new DateTime(1970, 1, 1)).TotalSeconds).ToString();
  var nonceStr = Guid.NewGuid().ToString().Replace("-", "").Substring(0, 16);
  var ticket= CommonMethod.WebRequestPostOrGet("https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=" + BasicApi.GetTokenSession(Appid, Appsecret) + "&type=jsapi", "");

                   string toHash = string.Format("jsapi_ticket={0}&noncestr={1}&timestamp={2}&url={3}",
                ticket, nonceStr, timestamp, url);

            SHA1 sha = new SHA1CryptoServiceProvider();
            ASCIIEncoding enc = new ASCIIEncoding();
            byte[] dataToHash = enc.GetBytes(toHash);
            byte[] dataHashed = sha.ComputeHash(dataToHash);

            //将运算结果转换成string
          var signature = BitConverter.ToString(dataHashed).Replace("-", "").ToLower();

注：ticket生成待考究。

前端调用微信JSDK实现二维码扫描功能

页面中引入JS的代码：

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
   
   function initWeiXinJsSdk(){
		wx.config({
			debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			appId : '${appId}',//$("#appId").val(), // 必填，企业微信的cropID
			timestamp : '${timestamp}',//$("#timestamp").val(), // 必填，生成签名的时间戳
			nonceStr : '${nonceStr}',//$("#nonceStr").val(), // 必填，生成签名的随机串
			signature : '${signature}',//$("#signature").val(),// 必填，签名
			jsApiList : [ 'scanQRCode', 'getLocation','chooseImage','uploadImage','downloadImage']
			// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		});
		wx.error(function(res) {
			console.log(res);
			//alert(res);
			// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
		});
	}
	
	/**
	 * 初始化坐标
	 * @returns
	 */
	function initMapLocation(callback){
		//初始化坐标
		wx.getLocation({
		    type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
		    success: function (res) {
		        var lon = res.longitude; //经度
		        var lat = res.latitude;    //纬度
		        var errmsg = res.errMsg;
		        var errResult = errmsg.split(':');
		        if (errResult[1] == "ok") {
		        	LocationChange(lon,lat,function(result){
		        		callback(result);
		        	});
		        	
		        }
		    },
		    cancel: function (res) {
		        $.toptip('用户拒绝授权获取地理位置', 'error');
		        var result = {'code':'01', 'msg':'用户拒绝授权获取地理位置', 'lng': 0, 'lat': 0};
		        callback(result);
		    }
		});
	}

	/**
	 * 坐标转换（高德坐标）
	 * @param lon 经度
	 * @param lat 纬度
	 * @returns
	 */
	function LocationChange(lon,lat,callback) {
		var map = new AMap.Map('app_index_map', {
			resizeEnable: true,
	        zoom: 11
	    });
	    $.ajax({
	        type: "get",
	        url: "http://restapi.amap.com/v3/assistant/coordinate/convert?key=1b718b2826abfae7be353f5f27f89b7b&locations=" + lon + "," + lat + "&coordsys=gps",
	        async: true,
	        dataType: "json",
	        success: function (res) {
	            var latlng = res.locations;
	            var locations = latlng.split(',');
		        var result = {'code':'00', 'msg': '定位成功', 'lng': locations[0], 'lat': locations[1], 'map':map};
	            addMarker(map, result);
	            callback(result);
	        },
	        error:function(res){
		        var result = {'code':'01', 'msg': '定位失败', 'lng': 0, 'lat': 0, 'map':map};
	            callback(result);
	        }
	    });
	}

	
	
	/**
	 * 标记地图位置
	 * @param map
	 * @param result
	 * @returns
	 */
	function addMarker(map, result) {
	    var marker = new AMap.Marker({
	        position: [result.lng, result.lat]
	    });
	    marker.setMap(map);
	    /* var circle = new AMap.Circle({
	        center: [result.lng, result.lat],
	        radius: 100,
	        fillColor: "#000000", //填充颜色
	        fillOpacity: 0.2,//填充透明度
	        strokeColor: "#000000",//线颜色
	        strokeOpacity: 0.6,//线透明度
	        strokeWeight: 0,//线宽
	        strokeStyle: "solid"//线样式
	    });
	    circle.setMap(map); */
	    map.setFitView();
	}
</script>

扫描事件触发

<i class="scan-font iconfont icon-sao" id="icon-saoma"></i>

()(function(){
	initWeiXinJsSdk();
});

wx.ready(function () {
	document.querySelector('#icon-saoma').onclick = function() {
		wx.scanQRCode({
			desc : 'scanQRCode desc',
			needResult : 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
			scanType : [ "qrCode", "barCode" ], // 可以指定扫二维码还是一维码,默认二者都有
			success : function(res) {
				var url = res.resultStr;
				var errmsg = res.errMsg;
				var errResult = errmsg.split(':');
				if (errResult[1] == "ok") {
					//获取设备SN码
				   if(url.indexOf('=')==-1){
						$("#txtSnCode").val($.trim(url));
					}else{
						var code = $.trim(url.substring(url.indexOf('=') + 1,
								url.length));
						$("#txtQrCode").val(code);//二维码值
						$("#txtSnCode").val('');
					}
				   $("#signboard").val("1");
				   //一些业务操作的方法
                   //   do somthing....
				} else {
					//获取失败
				}
			},
			error : function(res) {
				if (res.errMsg.indexOf('function_not_exist') > 0) {
					alert('版本过低请升级');
				}
			}
		});
	};
	
});

使用微信推广的用户经常都会遇到推广链接被拦截导致无法下载app的情况，此时用户在微信中打开会提示“ 已停止访问该网页 ”。这对于使用微信营销的商家来说就很不友好且损失非常大，因为用户是不知道为什么打不开的，商家不知道链接已被微信拦截，造成的结果就是用户大量流失，商家利益大量受损。

那么针对这个问题到底要怎么解决呢，其实只需要一个能实现微信内直接打开链接或跳转手机默认浏览器打开链接的功能，该功能实现后，如果你的链接含app文件则直接下载，如果不含则正常打开指定h5页面。

方案及实现效果

首先我们需要对分享域名加JS防封接口，然后我们再加入浏览器外跳接口，以达到我们的期望需求。

功能实现后，ios系统可在微信内直接下载app，安卓系统则自动打开手机浏览器下载app，如果不含下载文件，则直接从微信内跳转到手机浏览器访问指定页面。下面是含app下载文件的实现效果：

1. 苹果跳转浏览器效果

2. App Store应用实现效果

3. 企业版app实现效果

4. 安卓用户则自动打开手机默认浏览器访问指定h5页面或者下载app。

如此一来我们就解决了分享链接在微信中无法打开访问的问题了，接下来就可以在微信内大量的分享链接或二维码来进行宣传引流了。也能够极大地提高自己的网页或者APP在微信中的推广转化率，充分利用微信的高效传播性和快速地裂变性来增加用户从而达到我们的预期。