一、跳轉公眾號的基本流程
在微信小程序中跳轉到公眾號,需要使用微信提供的API:wx.navigateToMiniProgram。具體的流程如下:
1、首先需要在小程序中獲取到公眾號的AppID。
({
url: 'https://api.weixin.qq.com/cgi-bin/account/getaccountbasicinfo',
data: {
access_token: 'ACCESS_TOKEN'
},
success: function(res) {
console.log(res.data.appid)
}
})
2、然後調用wx.navigateToMiniProgram跳轉到公眾號。
({
appId: '公眾號的AppID',
path: 'pages/index/index',
extraData: {
foo: 'bar'
},
envVersion: 'release',
success(res) {
// 打開成功
}
})
其中,extraData是傳遞給目標小程序的數據,可以在目標小程序中通過wx.getLaunchOptionsSync獲取。envVersion是要跳轉到的公眾號版本,有develop(開發版)、trial(體驗版)、release(線上版)三個枚舉值。
二、公眾號頁面內跳轉
在公眾號頁面中,如果需要跳轉到小程序,需要使用微信提供的JSAPI:wx.miniProgram.navigateTo。
1、首先需要在公眾號頁面中引入JS文件。
2、然後在公眾號頁面中調用wx.miniProgram.navigateTo跳轉到小程序。
wx.miniProgram.navigateTo({
url: '/pages/index/index',
success: function() {
console.log('跳轉成功')
}
})
其中,url是要跳轉到的小程序頁面路徑。
三、小程序和公眾號的數據傳遞
在小程序和公眾號之間進行數據傳遞,可以使用extraData參數。
在小程序中,通過wx.navigateToMiniProgram跳轉到公眾號,可以在extraData中傳遞數據。
({
appId: '公眾號的AppID',
path: 'pages/index/index',
extraData: {
key: 'value'
}
})
在公眾號中,可以通過wx.getLaunchOptionsSync獲取到從小程序傳遞過來的數據。
var options = wx.getLaunchOptionsSync() var extraData = options.extraData console.log(extraData.key)
四、小結
微信小程序跳轉公眾號是實現兩個平台間交互的重要方式之一。本文介紹了跳轉公眾號的基本流程、公眾號頁面內跳轉、小程序和公眾號的數據傳遞等內容,希望能夠對開發者有所幫助。
原創文章,作者:OMLQ,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/143447.html
微信掃一掃
支付寶掃一掃