小程序和H5页面的相互跳转

小程序和H5页面的相互跳转,第1张

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

限制条件:

        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调试( 打开信息里面的调试功能 )

您好,支持,推送孝或模板亮慎空消息的参数敬瞎中page参数代表点击模板卡片后的跳转页面,仅限本小程序内的页面。支持带参数,(示例index?foo=bar),该字段不填则模板无跳转。详细见文档https://smartapp.baidu.com/docs/develop/serverapi/open_infomation/#sendTemplateMessage/。

之前我也一直安利过这个制作小程序的工具,现在来跟大家讨论一下 Towify 的一些很奈斯的功能哦~

这次是要讨论一下,在设计小程序的时候,要如何实现页面间的跳转。那么我们就来看看在 Towify 里如何 *** 作才能实现这一功能吧~

如果想要设置跳转界面,首先你得先准备好一个跳转前的界面1,还有一个跳转后的界面2。然后还有一个需要触发界面跳转的组件。准备好了之后,需要按照以下两个步骤来: 宏搜

第一步,创建触发器:选中界面1,接着再选中触发组件,然后点击检查器面板的触发器图标粗谈,最后要创建触发器。 

第二步,配置触发器:触发时机选择“点击”,触发行为选择“界面跳转”,触发跳转选择“跳转指定界面”,设置跳转界面选择“界面2”,过渡方式选择“推入”(或其他你喜欢的方式)蔽凳历。 

完成以上两步,你就可以成功设置好跳转界面啦。很简单的两个步骤就能实现跳转页面的功能啦,感兴趣的大家快去试试吧!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12415155.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存