當前位置:編程學習大全網 - 熱門推薦 - 小程序和H5頁面的相互跳轉

小程序和H5頁面的相互跳轉

小程序跳轉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、公眾號推文裏添加素材

點擊小程序,彈框如下圖(在彈框中可以選擇展示的方式:文字、圖片、小程序卡片、小程序碼

3、當公眾號和小程序已關聯(在公眾號的菜單中有綁定小程序的入口)

小程序所在的菜單會出現在公眾號的介紹頁(如果是在二級菜單中,所對應的只出現相應壹級的該小程序入口)

4、模板消息(直接在模板消息接口中配置)

? 該小程序appid必須與發模板消息的公眾號是綁定關聯關系,點擊模板消息跳轉小程序,可支持跳轉到小程序的具體頁面,支持帶參數,(示例index?foo=bar)

5、H5頁面中嵌入小程序碼

6、安卓手機debug調試( 打開信息裏面的調試功能 )

  • 上一篇:看見第二章詳細讀後感
  • 下一篇:壹個講韓語的電影,壹個小和尚和壹個女施主光著身子在壹塊大石頭上纏綿,是什麽電影?
  • copyright 2024編程學習大全網