小程序接入h5页面_小程序和H5页面的相互跳转

一、小程序跳h5页面

小程序跳转H5页面是通过web-view组件来实现的，web-view是一个可以用来承载网页的容器，会自动铺满整个小程序页面，也就是说h5页面的跳转是在小程序的环境下打开的。需要在小程序里建立一个空白页，放置webview用来展示H5页面。

限制条件：

1、H5页面所在的域名必须为https

2、由于web-view组件是一个全屏组件，不能和其它小程序组件合用，因此需要独立占据一个页面，由A跳到B，由B跳到h5页面

3、小程序能够跳转的h5页面的域名必须在业务域名中进行注册

4、小程序账号必须是企业账号，个人和海外账号暂不支持，只有企业账号才能看到业务域名入口

5、设置网页授权域名，H5页面关联的服务号中去进行设置，在公众号设置添加好需要跳转的域名

二、H5页面跳转到小程序指定页面

1、h5页面在小程序环境下打开的情况下

限制条件：

1、当前的h5页面必须是在小程序的环境下打开的页面，才能回跳小程序的指定页面。

2、其它限制条件同小程序跳h5页面的要求

注意点：无论是小程序跳转H5页面还是跳转回来都是可以传递参数的

2、h5页面不在小程序环境下打开的情况下

微信新增小程序跳转按钮：wx-open-launch-weapp(具体用法可参考官方文档)。用于页面中提供一个可跳转指定小程序的按钮。使用此标签后，用户需在网页内点击标签按钮方可跳转小程序。

三、公众号跳转小程序

1、通过微信公众号后台配置菜单，子菜单内容选择小程序

2、公众号推文里添加素材

点击小程序，弹框如下图(在弹框中可以选择展示的方式：文字、图片、小程序卡片、小程序码

3、当公众号和小程序已关联(在公众号的菜单中有绑定小程序的入口)

小程序所在的菜单会出现在公众号的介绍页(如果是在二级菜单中，所对应的只出现相应一级的该小程序入口)

4、模板消息(直接在模板消息接口中配置)

该小程序appid必须与发模板消息的公众号是绑定关联关系，点击模板消息跳转小程序，可支持跳转到小程序的具体页面，支持带参数,(示例index?foo=bar)

5、H5页面中嵌入小程序码

6、安卓手机debug调试(打开信息里面的调试功能)

小程序接入h5页面_小程序和H5页面的相互跳转相关推荐

小程序模板网站平台_小程序模板平台哪个好
小程序模板网站平台_小程序模板平台哪个好?分享一个微信小程序模板平台,超60个行业的小程序模板免费使用,页面内容丰富样式多样的,小程序界面模板. 微信小程序模板网站平台微信小程序模板平台的存在,就是 ...
小程序接入h5页面_小程序-实现怎么跳转打开 H5 网页链接(或跳转至公众号文章)...
背景有时候,因为业务需求,在小程序当中,需要跳转到 h5 网页,或跳转到公众号,形成流量的闭环,那在小程序当中怎么实现呢? 实例效果前提条件该小程序与需要跳转至的公众号(订阅号/服务号)进行了绑定 ...
微信开发工具button跳转页面_小程序的button跳转
我们的小程序不光是在tabBar可以实现跳转,有时我们也要在页面中点击某个按钮进行页面的跳转. 那么在开发文档中,有许多跳转方式.但是有些跳转方式我们看起来并不是很明确. 我们经常使用的跳转方式应该是 ...
win10打开程序响应很慢_小程序商城打开加载很慢？你上传的图片是不是太大了，压缩一下吧！...
原创:轻栈今天分享一篇纯干货,看完能给小程序商城提速. 打开小程序商城,有时能看到加载条,先看到内容要等等. 等待是一件消磨耐心的事情,在这个浮躁的时代,愿意等的人真的少.所以,我们要找出导致小程序 ...
微信小程序自带地图_小程序丨教你：如何打开小程序如何打开微信自带的地图（附源码）...
教你小程序系列教程:教你小程序系列教程: 1.教你:微信小程序如何实现scroll-view隐藏滚动条 2.教你:如何使用scroll-view组件实现视图垂直滚动(附源码) 3.教你:小程序如何使用 ...
小程序服务商申请入口_小程序服务商模式介绍
之前写过一篇小程序微信支付接入的文章,可以这里查看: http://mp.weixin.qq.com/s/ZG8ooNtVAU9eCnh1R5vB-g 本文介绍一下小程序服务商模式的接入,这里说的服务 ...
windows程序如何设计时间片_小程序开发要多久？制作设计小程序要多长时间？...
最近,很多人都在问,你做一个小程序要多少时间?确实,每个人在做事情之前都会考虑时间成本,今天我就帮助大家具体分析一下开发一个小程序到底需要多长时间. 一,开发前的准备工作对于很多想要开发小程序的商家 ...
小程序webview不全屏_小程序不在小（深度）
原标题:小程序不在小(深度) 你问:"微信小程序适合哪些行业?",回答是:"所有行业!" 你可以想一下那些做过APP的公司,不管是任何行业的公司都可以拥有属于自 ...
公众号跳转小程序首次没有数据_小程序如何从“0”开始运营，变成获客神器...
随着发展,越来越多的企业都感觉到获客难,获客成本高.而小程序的诞生恰恰解决了这些问题.合理的利用小程序的功能,可以帮助商家低成本高效获客,今天我们就来谈谈具体怎么用小程序来拉新引流. 合理的利用小程序 ...
代金券制作小程序秒代金券_小程序制作流程
如果你交给某人一个程序,你将折磨他一整天:如果你教某人如何编写程序,你将折磨他一辈子. 前端必备基础知识: 如果你是0前端经验来做小程序的话,建议你先看一看基础知识基础知识: 1.html:了解下常 ...

小程序接入h5页面_小程序和H5页面的相互跳转

小程序接入h5页面_小程序和H5页面的相互跳转相关推荐

最新文章

热门文章