小程序與h5的跳轉(zhuǎn)

前提小程序管理后臺(tái)配置域名白名單，并且h5頁面是嵌在小程序里面（相互跳的前提條件）

在業(yè)務(wù)域名中設(shè)置好訪問的h5地址?

?

微信官方web-view 介紹地址?https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

小程序跳轉(zhuǎn)h5需要用到web-view這個(gè)原生組件

pages生成一個(gè)webview的目錄

?

wxml中

<web-view src="{{url}}"></web-view>

js中接受頁面?zhèn)鱽淼膗rl值

/*** 頁面的初始數(shù)據(jù)*/data: {url:null,},/*** 生命周期函數(shù)--監(jiān)聽頁面加載*/onLoad: function (options) {this.setData({url: options.url})},

　　這樣就完成了 小程序跳轉(zhuǎn) h5頁面

2019-03-19

?h5跳轉(zhuǎn)小程序

h5跳轉(zhuǎn)小程序 一個(gè)是 這個(gè)h5必須是 小程序內(nèi)嵌的h5，同樣需要在小程序后臺(tái)進(jìn)行業(yè)務(wù)域名設(shè)置

在小程序內(nèi)能夠訪問到的h5頁面 ，就可以在h5頁面上進(jìn)行小程序的跳轉(zhuǎn)? （h5跳轉(zhuǎn)小程序 需要在小程序的環(huán)境中進(jìn)行跳轉(zhuǎn) 才能 找到目錄）?

在h5頁面 引入 微信的官方j(luò)s?

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

　　

然后 點(diǎn)擊的時(shí)候 回跳小程序? 這里的目錄 和 app,json的目錄保持一致

wx.miniProgram.navigateTo({url: '/pages/card/card'})

?

就可以實(shí)現(xiàn) h5跳回小程序了　　

?

轉(zhuǎn)載于:https://www.cnblogs.com/GoTing/p/10309382.html

總結(jié)

以上是生活随笔為你收集整理的小程序 公众号/h5相互跳转-webview的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。