H5跳转小程序（详）

普通的H5是无法跳转小程序的。在手机微信内打开的H5网页可通过开放标签

<wx-open-launch-weapp>跳转微信小程序（目前电脑微信不会渲染跳转按钮）。具体使用、请阅读静态网站 H5 跳小程序 | 微信开放文档 (qq.com)

由于是第一次写此类需求，在没有把握成功的情况下我选择了自己充钱在个人微信开通了云服务，这也许就是导致了后面最后一步报错40002（没有生成Scheme权限）的原因！！

阅读上面地址之后：

1.小程序appId与云开发环境ID要统一

2.经搜索有人说下方图片的“填入你的小程序名称”也是需要修改的

3.username：小程序原始账号ID ；path：小程序页面路径:不加 / 尾部加 .html

4.<wx-open-launch-weapp>仅支持手机微信测试，pc版微信按钮可能不显示

5.将上方链接中代码下载下来会带一个js文件里面也有一处path修改此处path加/

此处是上方链接对应应该修改的位置可以直接 Ctrl+f <replace> 就可以锁定直接要修改的地方以上操作是为了上面说的h5没有直接跳转小程序的权限需要借助个“中转页面”也就是下载下来的页面

接下来的操作是为了让你在你的页面中可以访问到这个h5页面

将你非个人主体的小程序开通云开发之后（开通云开发是要收费，并客流量较大时会有额外费用此处要和产品说好）

一.然后在‘微信开发者工具’中点击云开发，如果是开通状态会有以下页面，按照标红 1 -> 2进行点击进入静态网站

二.进入静态网站之后将你从链接中下载下来的页面放入（此处看3->4) 4部分的网站配置中可以拿到你默认的域名（或者直接在传上去的文件夹后方点击详情可以拿到一个根据你域名生成的完整路径，可以通过此路径从你的页面访问到“中转页面”）

完成以上操作之后不出意外应该会报错

在你开通了云开发的小程序的app.js中将env换成你对应的环境ID

是你云开发->设置->环境设置->中的环境id

小程序如果开启了云开发会生成一个云函数的文件夹，文件夹里面会有一个index.Js文件里面可以配置云函数入口文件：也将里面的env换成你的环境ID

最终附上云开发错误码：错误码 | 微信开放文档 (qq.com)

顺带一提：由于我开始用的就是个人小程序（且小程序不是自研），跳中转页面是为了生成scheme地址我并没有权限，最终询问微信开放社区，经大佬解答：需要对方提供scheme地址完成跳转，

H5跳转小程序（详）相关推荐

使用小程序·云开发静态托管实现免鉴权h5跳转小程序
背景微信虽然推出了微信开放标签可以实现h5跳转小程序. 但是,开发者在使用之前要在公众号设置JS接口安全域名,不仅限制个数还限制修改次数,而且在使用之前还得获取access_token.ticket ...
h5跳转小程序、短信跳转小程序＜wx-open-launch-weapp＞干货满满
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档前言由于微信官方限制了URL Scheme跳转,本文实现的是html跳转微信小程序,仅限微信内部调转.如果需要外部跳转微信小程序,可 ...
H5跳转小程序(微信开放标签使用)
今天七月,微信终于提供了H5跳转小程序的功能:果然方便了许多:限制条件也比较宽松吧. 限制条件: 微信版本要求为:7.0.12及以上. 系统版本要求为:iOS 10.3及以上.Android 5.0及 ...
V2微信内外网页H5跳转小程序链接生成系统开发
V2微信内外网页H5跳转小程序链接生成系统开发网页支持H5.服务号.封装app 功能// banner.首页.标题:创建您的链接.功能区.创建链接.选择类型.8种类型.小程序.一个人小程序.公众号. ...
H5跳转小程序，小程序跳转小程序
一.H5跳转小程序 wx-open-launch-weapp官网文档 jsapi_ticket 生成官方文档 jsapi_ticket加密时官方说url不加#及后面部分,但尝试后会debug报错,加 ...
H5跳转小程序 (成功案例)
H5跳转小程序 (踩坑记-成功案例) 自我的一段独白找到这篇文章之前我相信你也踩了不少坑,遇到了不少bug,请认真阅读步骤,带你走出雾霾:项目的需求是H5跳转微信小程序,H5项目是原生的html方法 ...
微信浏览器跳转小程序php,微信浏览器里面h5跳转小程序
微信浏览器里面h5跳转小程序注意事项,以vue框架为例一.获取jssdk配置,在wx.ready回调函数里面展示按钮wx.config({ debug: false, appId: data.ap ...
vue 实现H5跳转小程序
vue实现H5跳转小程序公司需求实现h5跳转小程序,看了很多文档发现对于小白不太容易理解,记录下,以备查阅. 适用环境微信版本要求为:7.0.12及以上. 系统版本要求为:iOS 10.3及以上. ...
h5跳转小程序_微信小程序吞掉H5？
近来小程序越来越火,如果能嵌入h5,微信小程序会吞掉H5吗?意味着未来小程序创业者能影响整个web世界的信息流分发和服务流分发.像他一样,不少开发者把这看作最近半年微信最重要的能力释放,那么这两项功能 ...

H5跳转小程序（详）

H5跳转小程序（详）相关推荐

最新文章

热门文章