微信中H5+java+vue获取微信定位等JS-SDK

微信测试key+secret获取
官网：https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index
正式的要去申请测试的关注一下就可以用了
记得修改一下域名

后端-java参考文档里的附录1（里面的url要让前端传过来）：
文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#67
DEMO页面： https://www.weixinsxy.com/jssdk/
示例代码：http://demo.open.weixin.qq.com/jssdk/sample.zip
前端
文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
JS接口列表看文档附录2

普通引入：http://res.wx.qq.com/open/js/jweixin-1.6.0.js
如需进一步提升服务稳定性，当上述资源不可访问时，可改访问：http://res2.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）。

vue引入
npm 运行 npm install weixin-js-sdk --save-dev
页面中引入import wx from “weixin-js-sdk”; //微信sdk引入
就可以用了
这里用自己的ajax请求后端给的链接提供页面地址就行

this.$u.get("http://192.168.0.120:9292/weixin/sha1", {url: "http://192.168.0.188:8080/",}).then((res) => {if (res.result === 1) {wx.config({debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: "wx4c70784f155cb778", // 必填，公众号的唯一标识timestamp: res.data.timestamp, // 必填，生成签名的时间戳nonceStr: res.data.nonceStr, // 必填，生成签名的随机串signature: res.data.signature, // 必填，签名jsApiList: ["getLocation"], // 必填，需要使用的JS接口列表});} else {alert(res.resultmsg);}}).catch((error) => {});

然后就可以获取到位置信息了

 wx.ready(() => {//要在ready中使用wx.getLocation({success: function (res) {alert(JSON.stringify(res))},cancel: function (res) {alert("用户拒绝授权获取地理位置");},});
});

微信中H5+java+vue获取微信定位等JS-SDK相关推荐

java，获取微信分享需要的获取 signature、jsapi_ticket和access_token
废话不多,代码说话,那个url是你需要分享的url,需要传进来,然后入参加密. java,获取微信需要的获取 jsapi_ticket和access_token @Slf4j @Service pub ...
微信中H5呼起浏览器下载app方法
微信中H5下载app文件方法实现思路前端示例代码 java示例代码实现思路经测试微信发现如果下载文件是.apk文件会进行拦截,如果是别的下载文件(如:http://xxx/123.doc文件) ...
微信中H5同层Video播放器接入教程
微信中H5同层Video播放器接入教程 x5-video-player-type 启用H5同层播放器通过video属性"x5-video-player-type"声明启用同层H5 ...
java实现获取微信公众服务号消息
原文:java实现获取微信公众服务号消息源代码下载地址:http://www.zuidaima.com/share/1823698247126016.htm 微信服务号的发送被动响应消息,简单说就是 ...
在微信中朋友圈功能对于微信的价值是什么？
在微信中朋友圈功能对于微信的价值是什么? 微信的定位就是一款社交产品,包含三大模块:聊天.朋友圈.公众号 1.对于社交来说,朋友圈是一种高效快捷的社交方式了解朋友动态点赞评论简单的互动形式,还能表 ...
vue 获取微信定位经纬度，并调用高德地图解析出详细地址
第一步:安装weixin-js-sdk,命令:npm i -S weixin-js-sdk 或者 npm install weixin-js-sdk 第二步:在需要的地方引用: import wx f ...
vue获取微信登陆权限_vue 微信授权登录解决方案
背景 vue前后端分离开发微信授权场景 app将商品分享到微信朋友圈或者分享给微信好友,用户点击页面时进行微信授权登陆,获取用户信息. 问题:没有固定的h5应用首页.授权后重定向url带参数并且很长 ...
政务微信内接H5页面，获取当前登录的用户信息
springboot 2.3.4.RELEASE import java.util.*;/*** @Title: ExpiryMap 可以设置过期时间的Map* @description Expiry ...
微信小程序 java 传值_微信小程序传值获取值的实例方法
微信小程序传值以及获取值方法的详解微信小程序传值以及获取值方法,传值有两种方法,对应也有获取值得方法, 1.设置id的方法标识跳转后传递的参数值: 2.通过使用data - xxxx 的方法来标识要 ...

微信中H5+java+vue获取微信定位等JS-SDK

微信中H5+java+vue获取微信定位等JS-SDK相关推荐

最新文章

热门文章