小程序接入h5页面_小程序与H5如何互相跳转

由于小程序官方没有提供外部H5网页直接跳转到小程序的api，所以目前只支持小程序内嵌H5，并且只有内嵌的H5才能跳回小程序

小程序跳转H5

需要用到小程序的web-view，官方文档链接

web-view是承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。写法如下：

注：当在微信开发中工具里返回“{"base_resp":{"ret":-1}}”时，需要点左上角“设置”--“项目设置”--勾选“不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书”

无标题.png

H5跳转小程序

因为外部h5无法跳转到小程序，因此需要把h5内嵌到小程序的web-view中。

一：首页小程序内嵌h5网页,内嵌这一步就相当于上面的小程序跳转h5：

二：然后在内嵌的网页里引入js，调用wx.miniProgram.navigateTo跳转小程序方法，可在url后拼接要传的参数：

h5跳转小程序

正在跳转到小程序...

wx.miniProgram.navigateTo({url: '/index/index?phone=18012121212'})

三：小程序接受参数的页面：

index.wxml:

index.js

Page({

data: {

phone:''

onLoa

小程序接入h5页面_小程序与H5如何互相跳转相关推荐

小程序接入h5页面_小程序-实现怎么跳转打开 H5 网页链接(或跳转至公众号文章)...
背景有时候,因为业务需求,在小程序当中,需要跳转到 h5 网页,或跳转到公众号,形成流量的闭环,那在小程序当中怎么实现呢? 实例效果前提条件该小程序与需要跳转至的公众号(订阅号/服务号)进行了绑定 ...
小程序跳到h5页面_小程序如何跳转h5页面
小程序跳转H5页面是通过web-view组件来实现的,web-view是一个可以用来承载网页的容器,会自动铺满整个小程序页面. 1.配置业务域名小程序账号必须是企业账号,个人和海外账号暂不支持,只有 ...
小程序接入h5页面_原生小程序接入H5页面，请求后台接口，获取数据
项目开发中赶上三端接入h5的需求,因此本身动手作h5页面,可是在作的过程当中也赶上了许多的问题javascript 小程序端不支持在本地引入,因此须要将h5发布服务器,以请求接口的形式进行访问html ...
小程序模板网站平台_小程序模板平台哪个好
小程序模板网站平台_小程序模板平台哪个好?分享一个微信小程序模板平台,超60个行业的小程序模板免费使用,页面内容丰富样式多样的,小程序界面模板. 微信小程序模板网站平台微信小程序模板平台的存在,就是 ...
小程序接入h5页面_微信小程序跳转外部链接（h5页面）以及数据交互
最近项目有个需求,在微信小程序中跳转外部链接完成相关的操作,操作完成后返回微信小程序的相关页面. 1.跳转外部链接(官方文档) 1)入口 //跳转到入口 wx.navigateTo({url: '.. ...
小程序嵌套h5页面_微信小程序内嵌h5页面
概况使用标签能在小程序中打开外部网页,但是要打开的网页的域名必须跟小程序的业务域名(业务域名可以在小程序的后台管理界面添加)一致,否则在真机上是打不开的.如果开发工具上勾选了'不校验域名',在开发 ...
小程序嵌套h5页面_快速小程序开发之微信小程序内嵌 H5
简介:微信小程序中可以直接运行 web 页面,这一新组件 web-view 的产生,可能直接导致小程序数量迎来一波高峰.本篇博文将从业务选型,微信小程序后台配置,使用 web-view 完成登录业务以 ...
小程序跳到h5页面_微信小程序跳转到H5页面实战篇
有些场景需要从微信小程序跳转到H5页面,通常网上的教程会告诉你使用web-view组件就可以了,但实际开发中还有很多需要注意的地方,尤其是很多概念往往会把初学者弄糊涂了,下面就让我们从概念开始吧!微信 ...
H5分享h5页面、小程序到微信
1.H5分享h5页面(卡片链接形式)到微信先去微信公众平台填写js接口安全域名本来想用微信开发js-sdk的,但是做了半天好像没啥效果概述 | 微信开放文档 (qq.com) 引入js文件:ht ...

小程序接入h5页面_小程序与H5如何互相跳转

正在跳转到小程序...

小程序接入h5页面_小程序与H5如何互相跳转相关推荐

最新文章

热门文章