本文主要介绍了第三方(网页/小程序)唤醒微信app小结,小程序唤醒第三方app。

在实际业务中，要在第三方网页或者小程序实现唤醒微信app，其实很简单，贴代码：

<a href="weixin://"></a>

或者

window.location.href = 'weixin://'

或者

window.location.replace('weixin://')

其实就是将跳转地址设为“weixin://”。

结果：

注意：

之前在实现这个业务需求时，曾求助过度娘，找到的帖子内容清一色都是这个实现方式，但其实在不同设备是不一样的。

测试结果及踩坑记录分享：

1、设备区别：

测试发现，在PC浏览器、安卓手机浏览器、iOS浏览器中打开结果是不一样的。如上图是在PC端Google浏览器的实现效果，会弹出打开WeChat提示，选择打开就会弹出PC端微信。在安卓系统手机浏览器中，跳转地址清一色无响应，无法唤醒微信。iOS的safari浏览器能识别“weixin://”，会弹出提示，确定之后会打开微信。

2、前提：

无论是在PC端、安卓系统浏览器或者iOS浏览器中打开，能识别的前提都是设备安装有微信客户端，否则无法识别。

使用微信内置地图查看位置

参数

OBJECT OBJECT

示例代码

wx.getLocation({type: 'gcj02', //返回可以用于wx.openLocation的经纬度success (res) {const latitude = res.latitudeconst longitude = res.longitudewx.openLocation({latitude,longitude,scale: 18})}})

案例

<!-- 定义nav导航方法 --><view bindtap="nav"><image src="http://m.qpic-/psc?/V12iywoj0vjy8D/qWkkGOdvaHRbO0s2SzmJ0A6hNpVJHy5e8X9YJE5pp4uwGevHzWWheEAT7sJz7cZvbW8hMNK3SKrz4ZQ4Is.w5w!!/b&bo=IAAgAAAAAAADByI!&rf=viewer_4&t=5"></image><view><text>导航</text></view></view>

nav: function () {wx.openLocation({latitude:36.0812917700,	//维度longitude: 114.4562530500, //经度name: "目的地",	//目的地定位名称scale: 15,	//缩放比例address: "目的地"	//导航详细地址})}

示例

需要开发大家在手机上经常用到的地图导航，主要实现功能有三点：
一、在地址旁加一个按钮可以点击拉起微信内置地图
二、点击地图内的导航按钮可以跳转到想要的地图软件进行操作，如：高德、腾讯、苹果内置

其实第二步，微信已经全部封装好了，不需要我们多去操心。我们只需要做好如下几点就可以了：

一、使用小程序内置方法拉起微信内置地图
二、使用腾讯的微信小程序 JavaScript SDK 进行地址名称 ==> 经纬度 的转换
三、使用微信内置API传递获取到的坐标值，使拉起导航能够正常使用

效果如下

代码如下所示：

WXML

<image src="{{imgCommon}}addr.png" class="addr-image" bindtap="mapNavigation" data-addr="{{classdata.address}}"></image>

其中 bindtap 中设置的是点击之后js中的方法名，这个大家都知道；重点是 data-addr 中的参数，这个参数的值是我们最终想要导航到的地址名，比如 北京市海淀区清河五彩城，我这里的代码这个必须设置，不然我们最终实现的效果会出现，导航没有目的地。那这导航做的就没有意义了。

js代码

// 引入SDK核心类var QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js')var qqmapsdk;page({	data: {		}	// 点击按钮触发方法	mapNavigation: function (e) {	console.log(e.target.dataset.addr);	var addr = e.target.dataset.addr;	var that = this;	// 使用 JavaScript SDK 获取目的地经纬度	// 实例化API核心类	qqmapsdk = new QQMapWX({	key: '申请的腾讯地图key值'	});	qqmapsdk.geocoder({	address: addr,	success: function (res) {	console.log(res);	var local = res.result.location;	that.setData({	latitude: local.lat,	longitude: local.lng	})	}，fail:(e)=>{console.log(e)}	})	// 使用微信内置地图查看位置	wx.getLocation({	type: 'gcj02', //返回可以用于wx.openLocation的经纬度	success: function (res) {	wx.openLocation({	latitude: that.data.latitude,	longitude: that.data.longitude,	scale: 28,	name: addr, //打开后显示的地址名称	})	}	})	},})

注意：要进行地址反查，需要设置 开启WebserviceAPI功能 不然会调用失败

 开启方式如下

 面的是js的整体代码，为了能够更方便的讲解各个方法，我在这里将所有方法，都拆解开来，没有进行嵌套，看上去还是蛮简单易懂的。
下面我一一介绍代码的功能以及需要注意的事项。

1、引入腾讯地图的 微信小程序 JavaScript SDK

// 引入SDK核心类var QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js')var qqmapsdk;

里我们想要调用 SDK，需要进行如下操作：

• -微信小程序 JavaScriptSDK 文件，这里我直接给一个官方的-直通车 微信小程序JavaScriptSDK v1.0

• 进入小程序的后台，在“设置” -> “开发设置”中设置 request 合法域名，添加腾讯地图的https://apis.map.qq.com 这个域名， 点击 小程序登录窗口 输入自己正在开发相关功能的小程序账密，进行相关设置。

2、获取从WXML中传过来的导航终点地址，并使用第一步引入的SDK获取到相应的经纬度

var addr = e.target.dataset.addr; //获取目的地 地址名var that = this;// 实例化API核心类qqmapsdk = new QQMapWX({key: '申请的腾讯地图key值'});// 使用 JavaScript SDK 获取目的地经纬度qqmapsdk.geocoder({address: addr,success: function (res) {console.log(res);var local = res.result.location;that.setData({latitude: local.lat,longitude: local.lng})}})

这一段代码想要能够正常运行，需要进行如下操作：

• 申请腾讯地图的开发者秘钥（key），可以点击 申请腾讯地图开发者**，直接跳转到相应页面。

3、使用小程序的内置 API 进行内置地图展示及参数传递，使后续拉起的导航能够正常使用

// 使用微信内置地图查看位置wx.getLocation({type: 'gcj02', //返回可以用于wx.openLocation的经纬度success: function (res) {wx.openLocation({        	// 上述方法 2 中获取到的经纬度latitude: that.data.latitude,longitude: that.data.longitude,scale: 28,name: addr,  // 打开后显示的从WXML中传过来的地址名称})}})

终的拉起外部地图软件的方法，微信小程序已经内置好了，不需要我们做过多的操作。到这里，关于拉起外部导航的所有开发步骤、代码以及一些需要注意的地方和相关的设置都已经讲述完毕，如果哪里有疑问，或者我的代码哪里写的有问题，欢迎在评论中留言指正，咱们互相探讨。

上文就是小编为大家整理的第三方(网页/小程序)唤醒微信app小结,小程序唤醒第三方app。

国内(北京、上海、广州、深圳、成都、重庆、杭州、西安、武汉、苏州、郑州、南京、天津、长沙、东莞、宁波、佛山、合肥、青岛)Finclip软件分析、比较及推荐。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。