小程序與H5如何互相跳轉(zhuǎn)
需要使用小程序web-view, 官方文檔鏈接web-view是承載網(wǎng)頁的容器。整個小程序頁面將自動覆蓋,暫時不支持個人類型的小程序。寫作方法如下:注:在微信開發(fā)工具中返回“{”base_resp":{"ret“:-1}”時,需要點(diǎn)擊左上角的“設(shè)置”-“項目設(shè)置”-勾選“不驗(yàn)證合法域名”web-view(業(yè)務(wù)域名),TLS 版本以及 HTTPS 由于外部原因,證書“h5不能跳轉(zhuǎn)到小程序,所以需要把它放在一邊h5嵌入小程序web-view中。一:嵌入主頁小程序h5網(wǎng)頁,嵌入這一步相當(dāng)于上面的小程序跳轉(zhuǎn)h5:2:然后將其引入嵌入式網(wǎng)頁js,調(diào)用wx.miniProgram.navigateTo跳轉(zhuǎn)小程序方法,可在url后拼接要傳輸?shù)膮?shù):三:小程序接收參數(shù)頁面:index.wxml:index.js這樣就從h5跳到applet指定的頁面,獲得我們想要傳輸?shù)膮?shù)。原作者技術(shù)博客:一個后前端女孩喜歡閱讀和交朋友。她在這里記錄了她在工作中遇到的問題。我希望它能給你看到的每一個人帶來一些幫助。歡迎留言交流
小程序和H5頁面相互跳轉(zhuǎn)
小程序跳轉(zhuǎn)H5頁面是通過web-view實(shí)現(xiàn)組件,web-view它是一個可以用來承載網(wǎng)頁的容器,它會自動覆蓋整個小程序頁面,也就是說h在小程序的環(huán)境下打開了5頁的跳轉(zhuǎn)。需要在小程序中建立一個空白頁,放置webview進(jìn)行顯示H5頁面。1、H5頁所在的域名必須是https2、由于web-view組件是全屏組件,不能與其他小程序組件一起使用,因此需要獨(dú)立占據(jù)一個頁面,從A跳到B,由B跳到h5頁3,小程序可以跳轉(zhuǎn)h5頁域名必須在業(yè)務(wù)域名中注冊。4.小程序賬戶必須是企業(yè)賬戶,暫時不支持個人和海外賬戶。只有企業(yè)賬戶才能看到業(yè)務(wù)域名入口5,設(shè)置網(wǎng)頁授權(quán)域名,H設(shè)置5頁相關(guān)服務(wù)號,在微信官方賬號設(shè)置中添加需要跳轉(zhuǎn)的域名1。h1.當(dāng)前頁面在小程序環(huán)境中打開時h5頁必須是在小程序環(huán)境中打開的頁面,才能跳回小程序的指定頁面。2.其他限制條件與小程序跳躍h5頁要求注意:無論是小程序跳轉(zhuǎn)H5頁或跳轉(zhuǎn)回來可以傳輸參數(shù)2,h5頁面不在小程序環(huán)境下打開時,微信新增了小程序跳轉(zhuǎn)按鈕:wx-open-launch-weapp(具體用法可參考 官方文檔 )。2.其他限制條件與小程序跳躍h5頁要求注意:無論是小程序跳轉(zhuǎn)H5頁或跳轉(zhuǎn)回來可以傳輸參數(shù)2,h5頁面不在小程序環(huán)境下打開時,微信新增了小程序跳轉(zhuǎn)按鈕:wx-open-launch-weapp(具體用法可參考 官方文檔 )。在頁面中提供一個可跳轉(zhuǎn)指定小程序的按鈕。使用此標(biāo)簽后,用戶需要點(diǎn)擊網(wǎng)頁上的標(biāo)簽按鈕才能跳轉(zhuǎn)小程序。1.通過微信微信官方賬號后臺配置菜單,選擇子菜單內(nèi)容的小程序。2.微信官方賬號推文中添加素材,點(diǎn)擊小程序。彈框如下圖所示(彈框中可選擇顯示方式:文字、圖片、小程序卡、小程序代碼。3.微信官方賬號和小程序已經(jīng)相關(guān)(微信官方賬號菜單中有綁定小程序的入口)。小程序所在的菜單會出現(xiàn)在微信官方賬號的介紹頁(如果是在二級菜單中。4.模板消息(直接配置在模板消息接口中)小程序應(yīng)用程序id必須與發(fā)送模板消息的官方賬號綁定。點(diǎn)擊模板消息跳轉(zhuǎn)小程序,可以支持跳轉(zhuǎn)到小程序的具體頁面和參數(shù)(示例)index?foo=bar)5、H5頁面嵌入小程序代碼6,安卓手機(jī)debug調(diào)試( 打開信息中的調(diào)試功能 )
微信小程序,是的HTML網(wǎng)頁版應(yīng)用嗎?
現(xiàn)在免費(fèi)提供H微信頁面制作的網(wǎng)站很多,哪個靠譜?
以上就是【看完后我驚呆了!小程序h5網(wǎng)站(小程序內(nèi)嵌h5頁面)】的全部內(nèi)容。
評論