从小A序跳转到小B序
首先介绍一下需要用到的api :wx.navigateToMiniProgram
他的参数们
参数名 是否必填 类型 说明
appId 是 string 要打开的小程序 appId
path 是 string 目标小程序的指定页面,为空的话跳首页
extraData 否 object 需要带给目标小程序的参数
envVersion 否 string 目标小程序的版本 (基本没啥用)
success 否 function 成功回调
fail 否 function 失败回调
complete 否 function 结束回调
在起步小程序中的app.json中需要配置跳转小程序的appid
目标小程序 可以在app.js中接收起步小程序带过来的参数,官方文档给的是app.onLaunch和app.onshow都能接到参数,但是我的onLaunch不能打印出来,可能我的小程序是个傻的小程序。( 注意千万是在app.js中,而不是目标页面的js文件 ,我就吃了这个亏)
小A序(表演跳转)
小B序(表演接收参数)
关于调试,开发者工具是不能跳转的,不过我们可以真机调试,两个小程序都开始真机调试,在小程序右上角的三个小点点有个打开调试,就能看到log出来的参数了,根据自己习惯吧,展示在页面上也是个好办法。
小程序跳转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调试( 打开信息里面的调试功能 )
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)