uniapp App跳转微信小程序并互相传递参数、接收微信小程序传递的参数

9

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

```

3. 在 `app.vue` 中添加一个按钮,用于跳转到 `share` 页面:

```vue

```

三、微信小程序接收uni-app App传递的参数

1. 在微信小程序中,需要在 `app.json` 文件中添加以下配置:

```json"pages": [

{

"path": "/pages/index",

"component": "pages/index"

}

]

```

2. 创建一个新的页面 `index.vue`,用于接收uni-app App传递的参数:

```vue

```

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

```

3. 在 `app.js` 文件中添加以下代码,用于接收微信小程序传递的参数:

```javascriptApp({

onLaunch: function(options) {

// 接收微信小程序传递的参数 const params = options.weChatMiniProgramParams;

wx.setStorageSync('weChatMiniProgramParams', params);

}

})

```

通过以上步骤,uni-app App可以跳转到微信小程序,并互相传递参数。

小程序接收微信小程序

版权声明:除非特别标注,否则均为网络文章,侵权请联系站长删除。

上一篇 微信小程序开发之获取用户头像昵称

下一篇 微信小程序使用iconfont图标