限制条件：
1、H5页面所在的域名必须为https
2、由于web-view组件是一个全屏组件，不能和其它小程序组件合用，因此需要独立占据一个页面，由A跳到B，由B跳到h5页面
3、小程序能够跳转的h5页面的域名必须在业务域名中进行注册
4、小程序账号必须是企业账号，个人和海外账号暂不支持，只有企业账号才能看到业务域名入口
5、设置网页授权域名，H5页面关联的服务号中去进行设置，在公众号设置添加好需要跳转的域名
1、h5页面在小程序环境下打开的情况下
限制条件：
1、当前的h5页面必须是在小程序的环境下打开的页面，才能回跳小程序的指定页面。
2、其它限制条件同小程序跳h5页面的要求
注意点：无论是小程序跳转H5页面还是跳转回来都是可以传递参数的
2、h5页面不在小程序环境下打开的情况下
微信新增小程序跳转按钮：wx-open-launch-weapp（具体用法可参考 官方文档 ）。用于页面中提供一个可跳转指定小程序的按钮。使用此标签后，用户需在网页内点击标签按钮方可跳转小程序。
1、通过微信公众号后台配置菜单，子菜单内容选择小程序
2、公众号推文里添加素材
点击小程序，d框如下图（在d框中可以选择展示的方式：文字、图片、小程序卡片、小程序码
3、当公众号和小程序已关联（在公众号的菜单中有绑定小程序的入口）
小程序所在的菜单会出现在公众号的介绍页（如果是在二级菜单中，所对应的只出现相应一级的该小程序入口）
4、模板消息（直接在模板消息接口中配置）
该小程序appid必须与发模板消息的公众号是绑定关联关系，点击模板消息跳转小程序，可支持跳转到小程序的具体页面，支持带参数,（示例index?foo=bar）
5、H5页面中嵌入小程序码
6、安卓手机debug调试（ 打开信息里面的调试功能 ）
需要用到小程序的web-view， 官方文档链接
web-view是承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。写法如下：
注：当在微信开发中工具里返回“{"base_resp":{"ret":-1}}”时，需要点左上角“设置”--“项目设置”--勾选“不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书”
因为外部h5无法跳转到小程序，因此需要把h5内嵌到小程序的web-view中。
一：首页小程序内嵌h5网页,内嵌这一步就相当于上面的小程序跳转h5：
二：然后在内嵌的网页里引入js，调用wx.miniProgram.navigateTo跳转小程序方法，可在url后拼接要传的参数：
三：小程序接受参数的页面：
index.wxml:
index.js
这样就从h5跳到小程序指定的页面并且可以拿到我们想要传的参数
原文作者技术博客： https://www.jianshu.com/u/ac4daaeecdfe
95后前端妹子一枚，爱阅读，爱交友，将工作中遇到的问题记录在这里，希望给每一个看到的你能带来一点帮助。
欢迎留言交流
点击小程序的home键就可以切换聊天界面了。
在微信6.6.1更新日志中提到，新版本微信主界面新增任务栏，下拉可以找到用过的小程序，按照使用先后反向排列。
任务栏中的小程序支持左右滑动查看，想要进入哪个小程序，点击即可。如果想把常用的显示在前面，只需要把无用的小程序长按删掉即可。小程序的星标功能并不能在首页入口展现位置优势。
如果想要查找更多曾经使用过的小程序，可以把列表滑到最右，点击三个点的图标，直接进入【发现】里的小程序入口。
更新之后的小程序，关闭按钮由×变成了圆，由左边换到了右边。功能也由完全关闭变成了暂时关闭。变成圆之后的小程序，如果中途退出，只要不在后台关闭微信，你之前打开的小程序页面，再点进去还会在。
以跳一跳为例，当你在玩的中途点击了原点暂时退出，再重新打开，依旧可以继续之前的游戏。
点击原点不仅能在小程序与聊天界面中切换，也可以在多个小程序中进行切换。具体 *** 作就是长按圆形的键，然后在跳出的显示框中选择想要切换的小程序，点击即可。
不得不说，在进行不断地改版之后微信小程序的 *** 作体验是越来越方便，加上微信官方的赋能，小程序的将来还是值得期待的。如果你不远错过这一波市场红利，那么就快去申请一个小程序，分享一波关于小程序的流量红利吧！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）