微信开发标签-wx-open-launch-app

最新推荐文章于 2024-11-06 11:19:58 发布

原创

最新推荐文章于 2024-11-06 11:19:58 发布 · 1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端

写在前面的话

今天，你的小伙伴找你帮忙砍价了吗？
在这里插入图片描述
人生不如意之事十有八九，踩坑记文又增加了。

在微信浏览器中打开打一个H5页面后，要能打开指定App。因微信限制问题，可以采取其他办法。比如在H5中引导用户在浏览器中打开链接，或者才有微信官方提供的方法。

还是进入正题吧。。。。。

开发标签说明

wx-open-launch-app是用于页面中提供一个可跳转指定App的按钮。
属性

名称	必填	默认值	备注
appid	是		所需跳转的AppID
extinfo	否		跳转所需额外信息

事件

名称	返回值	备注
ready		标签初始化完毕，可以进行点击操作
launch		用户点击跳转按钮并对确认弹窗进行操作后触发
error	{ errMsg: string }	用户点击跳转按钮后出现错误

errMsg说明
- ‘launch:fail’
- ‘launch:fail_check fail’

引入jsdk

JSSDK使用步骤

在vue中使用

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src='https://cdn.bootcss.com/vConsole/3.2.2/vconsole.min.js' type="text/javascript" charset="utf-8"></script>
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>在微信中打开App</title>
	</head>
	<body>
		
		<a id="toApp" >
			<div class="bottom">
				<wx-open-launch-app id="launch-btn" :appid="appId" :extinfo="extinfo" class="launch-btn" v-if="is_weixin"> 
					 <script type="text/wxtag-template">  
							<style>.btn {
    
    font-size: 16px;color: #fff;text-align:center;margin:0}</style>
					     <p class="btn"> 前往App中打开</button>
					   </script>

最低0.47元/天解锁文章