微信网页H5跳转微信小程序-wx-open-launch-weapp

最新推荐文章于 2024-08-02 09:43:40 发布

菱玉

最新推荐文章于 2024-08-02 09:43:40 发布

阅读量2.6k

点赞数 1

文章标签： js 小程序 javascript

本文链接：https://blog.csdn.net/weixin_43878003/article/details/111206041

版权

本文档介绍了如何使用JavaScript通过微信提供的API `wx-open-launch-weapp`实现在微信网页H5中跳转到微信小程序的操作。首先确保配置好JS接口安全域名，然后在H5页面中引入相应代码，例如在login.html页面中实现跳转。参考链接及作者提供的示例代码可供实际操作。

摘要由CSDN通过智能技术生成

微信公众的文档参考链接 [api文档链接]wx-open-launch-weapp(https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html)
这里实现的是最基本的js的引入方式跳转
首先按照文档配置好js接口域名然后贴入下面的代码即可(亲测有效）
这个是自己写的例子的地址（跳转的是公司开发的小程序可以参考）
https://test.okall.com.cn/h5/JFK/static/login.html

<body>
		<div id="app">
			<wx-open-launch-weapp path="pages/xx/xx.html" id="launch-wxapp" username="gh_c242xx">
				<template>
					<style>
						.btn {
							padding: 12px
						}
					</style>
					<button class="btn">点击进入和卡生活哦</button>
				</template>
			</wx-open-launch-weapp>
		</div>
	</body>
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js "></script>