2018-06-22 17:23:47 qq_36500554 阅读数 163
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27793 人正在学习 去看看 秦子恒
       今天整理一下微信开发展示当前位置的相关内容。
 
       开发环境参考:微信开发(一)--分享接口 点击打开链接

       一.页面配置:

                  设置jsp页面显示

<div class="weui_cells">
						<div class="weui_cell">
							<div class="weui_cell_select">
								<label class="weui-form-preview__label"><span style="color:red;"></span>当前位置: </label>
							</div>
							<div class="weui_cell_bd weui_cell_primary">
								<textarea id="signArea" name="signArea" readonly="readonly" class="weui_textarea" rows="3">位置获取中...</textarea>
							</div>
						</div>
					</div>
       二.js获取凭证 调用位置接口:  

                备注:获取jssdk配置可以参考前两篇文章。

/* 初始化jssdk */
	$.get("${basePath}/jssdk/config.do",{url:window.location.href},function(data,status){
		if(status == "success"){
			wx.config({
			    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
			    appId: data.appId, // 必填,公众号的唯一标识
			    timestamp: data.timestamp, // 必填,生成签名的时间戳
			    nonceStr: data.nonceStr, // 必填,生成签名的随机串
			    signature: data.signature,// 必填,签名,见附录1
			    jsApiList: ['getLocation'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2   获取地理位置接口  
			 
			});
			wx.ready(function(){
				//layer.msg("jssdk初始化成功");
			    // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,
			    //所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
			});
			wx.error(function(res){
			    // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,
			    //也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
				layer.msg(res);
			});
		}
		},"json");
	
	
	wx.ready(function(){  
		wx.getLocation({  
	        type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'  
	        success: function (res) {
	        	//$("#latitude").val(res.latitude);// 纬度,浮点数,范围为90 ~ -90  
	        	//$("#longitude").val(res.longitude);// 经度,浮点数,范围为180 ~ -180。	
	        	$.ajax({
	        		  type: 'POST',
	        		  url: "${basePath}/position/getDetail.do?method=area&latitude="+res.latitude+"&longitude="+res.longitude,
	        		  dataType: 'text',
	        		  success: function(data){
	        			  if($("#signArea").val() == "位置获取中..." || $("#signArea").val() == ""){
	        				 alert('data'+data);
	        				  $("#signArea").val(data);
	        			  }
	        		  }
	        		});
	        }
	    });

	    
	});  
	   
	wx.error(function (res) {
	  alert("调用微信jsapi返回的状态:"+res.errMsg);
	});
	
	
    三.后台解析数据:

         根据需求,本文用了百度的接口解析地理位置,也可以使用其他工具进行地址解析。

/**
	 * 获取位置
	 * @param latitude
	 * @param longitude
	 * @return
	 */
	private String getGeographicalPosition(String latitude , String longitude) {
		// 参数解释: 纬度,经度 type 001 (100代表道路,010代表POI,001代表门址,111可以同时显示前三项)  用百度的一接口 解析地理位置
		String urlString = "http://gc.ditu.aliyun.com/regeocoding?l="+latitude+","+longitude+"&type=010";

		String res = "";
		try {
			URL url = new URL(urlString);
			HttpURLConnection conn = (HttpURLConnection) url.openConnection();
			conn.setDoOutput(true);
			conn.setRequestMethod("POST");
			BufferedReader in = new BufferedReader(new InputStreamReader(conn.getInputStream(),"UTF-8"));
			String line;
			while ((line = in.readLine()) != null) {
				res += line + "\n";
			}
			in.close();
		} catch (Exception e) {
			System.out.println("error: " + e.getMessage());
		}
		return res;
	}
	
	
  

  @ResponseBody
  @RequestMapping(value="/checkCustomerName", method = RequestMethod.POST,produces = "text/html;charset=UTF-8")
  private  String checkCustomerName(@RequestParam(value="addCustomerName")String addCustomerName ) throws IOException{
	  // 根据新录入的客户名称 判断是否已经存在
	
	  CustomerInfoExample example = new CustomerInfoExample();
	  CustomerInfoExample.Criteria criteria = example.createCriteria();
	   criteria.andNameEqualTo(addCustomerName);
      List<CustomerInfo> customerInfoList = customerInfoService.loadCustomerInfoByExample(example);
      String customerInfoId= "0";
      if (customerInfoList.size()>0) {
			customerInfoId=customerInfoList.get(0).getId()+"" ;
      }
      
       JSONArray jsonArray = new JSONArray();//new一个json数组  
       jsonArray.add(customerInfoId);  
   
	  return jsonArray.toString();  
	  
  }   
  
       学习在于不断地探索、思考和总结记录,欢迎喜欢的朋友们在下方留言,期待与君共同进步!








2016-09-25 14:19:54 u010575112 阅读数 29135
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27793 人正在学习 去看看 秦子恒

微信开发中遇到 config:invalid url domain的原因




此错误原因  是微信公众号后台配置的微信安全网址 跟当前页面的域名不一致导致






2016-11-21 16:36:48 u012309389 阅读数 138
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27793 人正在学习 去看看 秦子恒

关于JSSDK的内容

由于项目中出现图片上传的功能,而微信内置浏览器无法使用浏览器中的文件上传,原因不明,大致的说法是微信阉割掉了这个功能,在网上找了蛮多的解决方法,大多麻烦,突然想到可以使用JSSDK来上传图片到微信服务器,然后通过media_id的值从微信服务器上download下来的"笨方法",感觉可以一试.

1.使用JSSDK首先需要配置安全域名,只有安全域名才能够调用jssdk

2.引入JS文件http://res.wx.qq.com/open/js/jweixin-1.0.0.js

3.在项目中增加获取ticket值的接口

jsapiticket:调用微信JS接口的临时凭据通过access_token获取,有效时间和access_token一样都是两个小时,可以和access_token一同获取一同到期

调用URL:https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi调用的方法为GET

此处需要注意,获取ticket时出现很多错误,错误记录如下

1.时间戳需要取得当前时间的秒数而不是毫秒数!需要除1000.

2.刷新apiticket的时间,ticket的值并不是每次请求都会变化,而是固定的两小时刷新一次,所以设置刷新频率是不能设

置为2小时

3.url应该取得是当前请求的url,可以使用官方的方法location.href.split('#')[0];

4.最重要的一点,也是我找了一天也没找出错误的原因,jssdk中取得ticket有两个网址,一个是https://api.weixin.qq.com/c

gi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi,另一个是https://api.weixin.qq.com/cgi-bin/ticket/getticket?access

_token=ACCESS_TOKEN&type=wx_card,第二个是微信卡卷的请求地址,很容易弄混,请观察仔细,这个微信应该加大字体提醒一下\

   项目中写一个controller用来给前台发送config数据,代码如下

	@RequestMapping(value = "getSignature",method = RequestMethod.GET)
	@ResponseBody
	public Map<String, Object> getSignature(String url) throws NoSuchAlgorithmException{
		Map<String, Object> map = Maps.newHashMap();
		String noncestr = Constants.NONCESTR;
		Long time = System.currentTimeMillis()/1000;
		String ticket = Constants.getAPI_TICKET();
		String[] paramArr = new String[] { "jsapi_ticket=" + ticket,
						"timestamp=" + time.toString(), "noncestr=" + noncestr, "url=" + url };
		Arrays.sort(paramArr);
		// 将排序后的结果拼接成一个字符串
		String content = paramArr[0].concat("&"+paramArr[1]).concat("&"+paramArr[2])
						.concat("&"+paramArr[3]);
		map.put("time", time);
		map.put("ticket", ticket);
		map.put("noncestr", noncestr);
		map.put("appid", PropertiesLoader.get("APP_ID"));
		MessageDigest md = MessageDigest.getInstance("SHA-1");
		md.update(content.getBytes());
		byte[] digest = md.digest();

		StringBuffer hexstr = new StringBuffer();
		String shaHex = "";
		for (int i = 0; i < digest.length; i++) {
			shaHex = Integer.toHexString(digest[i] & 0xFF);
			if (shaHex.length() < 2) {
				hexstr.append(0);
			}
			hexstr.append(shaHex);
		}
		map.put("signature", hexstr.toString());
		return map;
	}
前台页面用ajax请求参数
$.ajax({
	url : "<%=basePath%>wx/getSignature.json",
	async : false,
	data : {url : url},
	dataType : "json",
	type : "get",
	success : function(resp){
		map = resp;
		wx.config({
			debug : false,
			appId : resp.appid,
			timestamp : resp.time,
			nonceStr : resp.noncestr,
			signature : resp.signature,
			jsApiList : ['chooseImage','uploadImage']
		});
	},
	error : function(resp){
		alert("初始化失败!");
	}
});
至此jssdk调用成功

2019-01-04 11:14:10 th_1101 阅读数 3689
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27793 人正在学习 去看看 秦子恒

这个其实在18年都不是问题,因为微信定位的不准,我们可以选择直接用地图的获取当前经纬度的方法,还是很准的,但是微信更新后我发现在微信浏览器中都不能使用其他地图的定位功能了,这里我自己是测试了百度和腾讯地图的,我之前是用的百度的更新前没问题,更新后就不能定位了,而在手机普通浏览器中是可以使用的,所以这肯定就是微信那边的问题了。在网上找了一会说其实不是微信的定位不准确,而是在我国,出于国家安全考虑,国内所有导航电子地图必须使用国家测绘局制定的加密坐标系统,所以微信给我们的经纬度是故意偏离的加密了的,所以要在百度地图上显示微信获取的经纬度的位置还需要转换成百度的坐标。我们转换的时候直接http://api.map.baidu.com/ag/coord/convert?from=0&to=4&x=longitude&y=latitude这里我们只需要改x和y分别是经度和纬度,我们可以先用微信的定位获取经纬度然后将经纬度传到这个链接中,可以得到{"error":0,"x":"MTEyLjU5ODMxODEzMzk=","y":"MjguMTU2NDI5MTk3MTc4"}一个这样的json串,其中的error代表状态0是正常,x和y代表的是转换后的经纬度,是通过Base64加密后的,所以我们用的时候将它们解密就可以了;

2019-07-25 15:47:42 weixin_38364280 阅读数 323
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27793 人正在学习 去看看 秦子恒

解决微信开发者工具报错:当前开发者未绑定此AppID,请到小程序后台操作重试

首先要在微信公众平台注册小程序账号,注意与公众号(订阅号)账号区别开来,小程序账号不是公众号账号,登录后小程序账号的界面是这样的:微信公众品台--小程序
然后用点击上图的添加开发者进入到如下界面:添加开发者
邀请登录微信开发者工具的微信 成为该小程序的开发者后就解决该问题了。
要注意的是:
1.区分公众号的AppID与小程序的AppID,他们登录微信开放平台的账号是不一样的,登录后的主界面也是不一样的
2.获取小程序的AppID:
小程序APPID

没有更多推荐了,返回首页