uniapp App跳转微信小程序并互相传递参数、接收微信小程序传递的参数
uni-app App 跳转微信小程序并互相传递参数
一、注意事项
在使用分享功能打包成安卓App时,需要注意以下几点:
1. 勾选权限配置:在项目的 `build` 目录下找到 `config.xml` 文件,在其中勾选 `android.permission.INTERNET` 和 `android.permission.ACCESS_NETWORK_STATE` 权限。
2. 在微信开放平台开启APP跳转小程序:需要在微信开放平台中开启APP跳转小程序功能,并管理相应的小程序。
二、uni-app App 跳转微信小程序
1. 在 `app.json` 文件中添加以下配置:
```json"pages": [
{
"path": "/pages/index",
"component": "pages/index"
},
{
"path": "/pages/share",
"component": "pages/share"
}
]
```
2. 创建一个新的页面 `share.vue`,用于跳转微信小程序:
```vue
export default {
methods: {
toWeChatMiniProgram() {
// 跳转到微信小程序 wx.miniProgram.navigateTo({
url: ' })
}
}
}
```
3. 在 `app.vue` 中添加一个按钮,用于跳转到 `share` 页面:
```vue
export default {
methods: {
toSharePage() {
// 跳转到 share 页面 uni.navigateTo({
url: '/pages/share'
})
}
}
}
```
三、微信小程序接收uni-app App传递的参数
1. 在微信小程序中,需要在 `app.json` 文件中添加以下配置:
```json"pages": [
{
"path": "/pages/index",
"component": "pages/index"
}
]
```
2. 创建一个新的页面 `index.vue`,用于接收uni-app App传递的参数:
```vue
export default {
methods: {
getParams() {
// 获取 uni-app App传递的参数 const params = wx.getStorageSync('params');
console.log(params);
}
}
}
```
3. 在 `app.js` 文件中添加以下代码,用于接收uni-app App传递的参数:
```javascriptApp({
onLaunch: function(options) {
// 接收 uni-app App传递的参数 const params = options.params;
wx.setStorageSync('params', params);
}
})
```
四、uni-app App接收微信小程序传递的参数
1. 在 `app.json` 文件中添加以下配置:
```json"pages": [
{
"path": "/pages/index",
"component": "pages/index"
},
{
"path": "/pages/receiveParams",
"component": "pages/receiveParams"
}
]
```
2. 创建一个新的页面 `receiveParams.vue`,用于接收微信小程序传递的参数:
```vue
export default {
methods: {
getWeChatMiniProgramParams() {
// 获取微信小程序传递的参数 const params = wx.getStorageSync('weChatMiniProgramParams');
console.log(params);
}
}
}
```
3. 在 `app.js` 文件中添加以下代码,用于接收微信小程序传递的参数:
```javascriptApp({
onLaunch: function(options) {
// 接收微信小程序传递的参数 const params = options.weChatMiniProgramParams;
wx.setStorageSync('weChatMiniProgramParams', params);
}
})
```
通过以上步骤,uni-app App可以跳转到微信小程序,并互相传递参数。