踩坑汇总 | 深入解析Uni-App跳转微信小程序的详细指南

2023-10-21 05:56:40

前期准备工作

在开始Uni-App跳转微信小程序之前，我们需要完成一些前期准备工作，包括：

注册微信开放平台账号 ：前往微信开放平台官网，注册并登录您的账号。
创建微信小程序项目 ：在微信开放平台中，点击“新建项目”按钮，创建您的微信小程序项目。
获取AppID和AppSecret ：在微信开放平台的“项目设置”页面，找到“基础信息”一栏，获取您的AppID和AppSecret。
配置Uni-App项目 ：在您的Uni-App项目中，打开“manifest.json”文件，添加以下代码：

{
  "appid": "您的AppID",
  "secret": "您的AppSecret"
}

绑定App和微信小程序

完成前期准备工作后，我们需要将您的App和微信小程序进行绑定：

打开微信开放平台的“绑定应用”页面 ：在微信开放平台的“项目设置”页面，点击“绑定应用”按钮。
选择绑定类型 ：选择“应用与小程序”。
填写相关信息 ：填写您的App信息，包括App名称、App包名、App签名等。
点击“提交”按钮 ：提交绑定申请，等待审核通过。

对接Uni-App和微信小程序

绑定完成后，我们需要对接Uni-App和微信小程序：

在Uni-App项目中添加微信小程序的路径 ：在您的Uni-App项目中，打开“pages.json”文件，添加以下代码：

{
  "pages": [
    {
      "path": "pages/index/index",
      "component": "pages/index/index"
    },
    {
      "path": "pages/mini-program/index",
      "component": "pages/mini-program/index"
    }
  ]
}

在Uni-App项目中创建微信小程序页面 ：在您的Uni-App项目中，创建一个新的页面，命名为“pages/mini-program/index”。
在微信小程序项目中添加Uni-App的路径 ：在您的微信小程序项目中，打开“app.json”文件，添加以下代码：

{
  "pages": [
    {
      "path": "pages/index/index",
      "component": "pages/index/index"
    },
    {
      "path": "pages/uni-app/index",
      "component": "pages/uni-app/index"
    }
  ]
}