微信html5程序,H5跳转微信小程序

如题，最近有项目需要H5跳转到微信小程序，之前的认知中，跳转到微信小程序只有通过公众号、小程序、扫码这几种方式。终于H5支持跳转小程序了，废话不多说直接贴代码

1、需要微信公众号，并且是已经认证过的服务号。文档链接:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html,这个和获取微信公众号个人信息接口有点类似。

wx.config({

// debug: false, // 调试时可开启

appId: jsonData.content.appId, //

timestamp: jsonData.content.timestamp, // 必填，填任意数字即可

nonceStr: jsonData.content.nonceStr, // 必填，填任意非空字符串即可

signature: jsonData.content.signature, // 必填，填任意非空字符串即可

jsApiList: jsonData.content.jsApiList, // 必填，随意一个接口即可

openTagList: ['wx-open-launch-weapp'], // 填入打开小程序的开放标签名

})

唯一不同的是添加了：openTagList开放列表。这个接口是需要从服务器请求的，jsondata是服务器返回的数据信息。

2、H5中需要加入标签：

打开小程序

以上就是所需参数：小程序原始ID和小程序的页面路径，需要注意的地方：template 标签必须有，它所包含的标签设置样式的话要直接写在标签里面，要不然不起作用。如果使用微信浏览器直接点开就可以跳转小程序，

如果是使用手机浏览器的话需要小程序生成URL Scheme,进入小程序点击工具

最后把生成的url scheme 放到H5里面，代码如下：window.location.href = "weixin://dl/business/?t=arfgrpQvnWt";就可以完成浏览器跳转小程序了。

3、记得实现引入jssdk.js.

以上就可以完成从H5跳转微信小程序了，如有不懂评论区留言。

微信html5程序,H5跳转微信小程序相关推荐

alert点击确定后跳转_公众号/h5 跳转到小程序填坑指南
公众号/h5 跳转到小程序填坑指南本文介绍的是使用微信开放标签 wx-open-launch-weapp 实现微信浏览器内网页跳转到任意合法合规的小程序里,官方要求微信版本为:7.0.12 及以上, ...
h5跳转小程序页面url_web-view h5跳转到小程序页面，无法跳转？
web-view h5跳转到小程序页面,无法跳转?web-view h5 jumps to the applet page, can't jump?web-view h5跳转到小程序页面,无法跳转? ...
h5跳转到小程序总是出现页面不存在-微信小程序开发
官方文档看了一下很简单: <wx-open-launch-weapp id="launch-btn" username="gh_xxxxxxxx" pat ...
实现微信扫一扫跳转到小程序指定页面
使用微信扫一扫进入小程序内的指定页面文章目录使用微信扫一扫进入小程序内的指定页面前言一.微信小程序平台配置二.前端uniapp中的获取二维码信息三.后端处理参数总结前言使用场景:例如 ...
uniapp开发微信小程序如何在小程序中跳转别的小程序
跳转的目标小程序要上线才能跳转过去 uni.navigateToMiniProgram({appId: 'wxd87fa195760dc0bb', // 跳转目标小程序的idpath: 'minepa ...
跳转饿了么小程序、跳转美团小程序、获取小程序路径、小程序生成小程序码不能选择第三方小程序、领红包功能开发（附源码）
先上成果和功能我做的是随机推荐美食的小程序,食物数据是存库的而且后续会开放给用户新增食物的权限,然后有些小功能就是跳转到饿了么小程序和美团小程序领外卖红包,技术使用uniapp,开发工具是HBuil ...
微信公众号菜单跳转到小程序教程-客服系统对接公众号配置菜单JSON
现在客服系统的后台,对接微信公众号菜单功能,可视化编辑菜单界面有些不足只能跳转链接,没有其他点击事件以及跳转小程序功能其实,生成公众号菜单只是一个JSON的形式,具体的JSON内容可以参照下面示例 ...
H5实现生成urlscheme并从H5跳转到小程序
在2022年之前,想要在H5打开小程序只需要在平台上设置urlscheme即可,但是自 2022 年 4 月 11 日起,URL Scheme有效期最长 30 天,不再支持永久有效的URL Schem ...
关于H5跳转到小程序和android的方法
2019独角兽企业重金招聘Python工程师标准>>> 1,跳转小程序需在H5页面引入https://res.wx.qq.com/open/js/jweixin-1.3.2.js文件 ...

微信html5程序,H5跳转微信小程序

微信html5程序,H5跳转微信小程序相关推荐

最新文章

热门文章