SpringMvc微信JS-API获取地理位置

最新推荐文章于 2024-04-12 19:24:34 发布

彭浩_JAVA

最新推荐文章于 2024-04-12 19:24:34 发布

阅读量1.9k

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/oJACKhao/article/details/50911775

版权

java 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

登陆微信公众平台后台，设置获取地理位置接口权限

1：后台获取JS签名注意需要签名url链接为默认端口,因此tomcat需要将端口改成80端口隐示显示。
先获取ticket,再根据ticket获取sign（这一步也和容易出错，我用Scheduled写很绕，建议你们用spring-quratz实现定时获取

ticket 官方JSAPI签名校验工具 http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=cardsign

@Controller
@RequestMapping("/jsapi")
public class JsapiController {
	private static Logger logger = Logger.getLogger(JsapiController.class);
	@ResponseBody
	@RequestMapping(value = "/getJsConfig", method = RequestMethod.GET)
	public Map  getJsConfig(HttpServletRequest request) throws Exception {
		String url="http://wx.ibm.com/campuswxTest/user/login2task.do";
		String encoderUrl = URLEncoder.encode(url, "UTF-8");
		String ticket = TicketManager.getTicket(Constant.APPID);
		logger.info("ticket:"+ticket);
		Map<String, String> sign = JsApiTicketUtil.sign(ticket,url);
		logger.info("sign:"+sign.toString());
		return sign;
	}
}

2 注意wx.config中的每一个括号和符号，这步往往调式很久，然后我再wx.ready的阶段将获取的坐标赋值给form表单给后台

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<form id="preLoginForm" action="${ctx}/user/login2task.do">
	 	<input type="hidden" id="latitude" name="latitude"/>
	 	<input type="hidden" id="longitude"  name="longitude" />
	 </form>
	<script type="text/javascript">


wx.config({
	    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
	    appId: '${sign.appId}' , // 必填，公众号的唯一标识
	    timestamp: ${sign.timestamp}, // 必填，生成签名的时间戳
	    nonceStr: '${sign.nonceStr}', // 必填，生成签名的随机串
	    signature: '${sign.signature}',// 必填，签名，见附录1
	    jsApiList: ['getLocation'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		});
	 	 		
	 wx.ready(function(){
		  wx.getLocation({
		    type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
		    success: function (res) {
		        var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
		        var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
		        $("#latitude").val(latitude);
		        $("#longitude").val(longitude);
		        $("#preLoginForm").submit();
		    }
		});
	});
	</script>

第一步如果有问题，百度一下微信ticket sign之类的。
第二步如果有问题，研究半天还搞不过去，可以加我QQ468165108 注明原因