外部h5頁面跳轉到微信小程序,h5跳轉小程序頁面url_小程序和h5跳轉

 2023-12-25 阅读 28 评论 0

摘要:公司要做h5跳轉小程序,就試著調試了一下。目前只支持小程序內嵌H5,并且只有內嵌的H5才能跳回小程序外部h5頁面跳轉到微信小程序。小程序跳H511月2號晚上終于公布,小程序可以跳H5的好消息了,要在小程序管理后臺配置開發設置的業務域名列表(域名要h

公司要做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頁面還是跳轉回來都是可以傳遞參數的,直接拼接在跳轉鏈接的后面就可以了。

有什么不對的地方請指出哈,不勝感激~~

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/3/194703.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息