需求: 在微信小程序內跳轉到h5, 瀏覽完后點擊返回按鈕再返回到微信小程序中

微信小程序跳轉h5:

微信小程序跳轉h5,這個還是比較簡單的, 但要注意細節

一、微信小程序代碼

1.新建跳轉h5頁面, 新建文件夾,新建page即可

2.使用web-view標簽

wxml頁面

js頁面

到此為止, 小程序中的操作就做完了,接下來是h5中的代碼

二、h5代碼

1.在App.vue中接收token,并存儲token,這樣就可以實現免密登錄,當然要和后端對接好

H5返回微信小程序:

難點來了, 如何返回的,這個問題困擾了我兩天,試了無數次; 廢話不多說,直接上代碼:

使用wx.miniProgram.navigateBack()

那么在h5中肯定是不存在wx的,所以要引入https://res.wx.qq.com/open/js/jweixin-1.6.0.js,

這個js版本根據自己的項目具體調整

重點來了,不要使用script的src屬性直接引入,要使用js動態引入

這樣以后,wx這個全局對象就有了;

在接收的頁面返回:

至此結束, 如果有用點個贊唄