公司要做h5跳轉小程序,就試著調試了一下。目前只支持小程序內嵌H5,并且只有內嵌的H5才能跳回小程序
外部h5頁面跳轉到微信小程序。小程序跳H5
11月2號晚上終于公布,小程序可以跳H5的好消息了,要在小程序管理后臺配置開發設置的業務域名列表(域名要https協議的鏈接),并且h5頁面是嵌在小程序里面
web-view 組件是一個可以用來承載網頁的容器,會自動鋪滿整個小程序頁面且自動跳轉,所以不好用,所以可以參考下面的寫法。(個人類型與海外類型的小程序暫不支持使用)
wxml1:
點擊跳轉到H5頁面
wxml2:
這邊需要先寫一個navigator按鈕,自主操作之后再讓它跳轉
H5跳小程序
相應的,H5也可以跳回小程序啦,有下面幾種方法,首先要引用js文件
方法1
wx.miniProgram.navigateTo({url:'/pages/home/homepage'})
方法2
wx.miniProgram.getEnv(function (res) {
console.log(res) //如果沒有配置會{miniprogram:false}
if (res.miniprogram) {
wx.miniProgram.switchTab({url: '/pages/home/homepage'});
}
});
方法3,直接用a標簽跳轉(這個沒有試驗)
點擊文字跳轉小程序
對了,還有一點:無論是小程序跳轉H5頁面還是跳轉回來都是可以傳遞參數的,直接拼接在跳轉鏈接的后面就可以了。
有什么不對的地方請指出哈,不勝感激~~
版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。
工作时间:8:00-18:00
客服电话
电子邮件
admin@qq.com
扫码二维码
获取最新动态