一、跳转公众号的基本流程
在微信小程序中跳转到公众号,需要使用微信提供的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文件。
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
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)
四、小结
微信小程序跳转公众号是实现两个平台间交互的重要方式之一。本文介绍了跳转公众号的基本流程、公众号页面内跳转、小程序和公众号的数据传递等内容,希望能够对开发者有所帮助。