百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT知识 > 正文

Expo SDK 53.0.7 的 超详细 app.json 和 eas.json 配置项说明

liuian 2025-06-09 23:33 44 浏览

以下是针对 Expo SDK 53.0.7超详细 app.jsoneas.json 配置项说明,包含所有可能的配置项和实际用例:


app.json 完整配置手册(Expo SDK 53)

{
  "expo": {
    // ========== 基础配置 ==========
    "name": "MyApp",                      // 应用名称(必填,显示在设备桌面)
    "slug": "my-app",                     // URL 标识符(必填,用于 expo publish)
    "owner": "your-username",             // 组织/个人账户名(多账户管理时需指定)
    "version": "1.0.0",                   // 用户可见版本号(语义化版本)
    "runtimeVersion": {
      "policy": "appVersion"              // OTA 更新策略 [sdkVersion|appVersion|nativeVersion]
    },
    "orientation": "portrait",            // 屏幕方向 [portrait|landscape|default]
    "privacy": "public",                  // 隐私设置 [public|unlisted|hidden]
    "platforms": ["ios", "android", "web"], // 目标平台

    // ========== 图标与界面 ==========
    "icon": "./assets/icon.png",          // 主图标(1024x1024 PNG,必填)
    "backgroundColor": "#ffffff",         // 通用背景色(用于启动屏过渡)
    "splash": {
      "image": "./assets/splash.png",     // 启动图(1242x2436 PNG)
      "resizeMode": "contain",            // [contain|cover|native]
      "backgroundColor": "#ffffff",       // 启动屏背景色
      "tabletImage": "./assets/splash-tablet.png" // iPad 专用启动图
    },
    "androidNavigationBar": {             // Android 导航栏配置
      "visible": "immersive",             // [leanback|immersive|sticky-immersive]
      "backgroundColor": "#000000"
    },

    // ========== Android 专属配置 ==========
    "android": {
      "package": "com.yourcompany.app",   // 包名(必填,反向域名格式)
      "versionCode": 1,                   // 整数版本号(每次提交递增)
      "adaptiveIcon": {                   // Android 8+ 自适应图标(必填)
        "foregroundImage": "./assets/adaptive-icon.png", // 前景图(108x108)
        "backgroundImage": "./assets/adaptive-bg.png",  // 背景图(可选)
        "backgroundColor": "#FFFFFF"      // 或纯色背景
      },
      "permissions": [                   // 精确权限控制(空数组表示不请求任何权限)
        "CAMERA",
        "android.permission.ACCESS_FINE_LOCATION",
        "RECORD_AUDIO"
      ],
      "blockedPermissions": [             // 显式屏蔽的权限
        "android.permission.READ_CONTACTS"
      ],
      "intentFilters": [                  // 深度链接配置
        {
          "action": "VIEW",
          "data": [
            {
              "scheme": "https",
              "host": "*.yourdomain.com",
              "pathPrefix": "/users"
            },
            {
              "scheme": "myapp",
              "host": "profile"
            }
          ],
          "category": ["BROWSABLE", "DEFAULT"]
        }
      ],
      "softwareKeyboardLayoutMode": "resize", // 键盘弹出行为 [resize|pan]
      "config": {
        "googleMaps": {                   // Google Maps API 配置
          "apiKey": "YOUR_GOOGLE_MAPS_KEY"
        }
      }
    },

    // ========== iOS 专属配置 ==========
    "ios": {
      "bundleIdentifier": "com.yourcompany.app", // Bundle ID(必填)
      "buildNumber": "1.0.0",             // 构建版本号(字符串)
      "supportsTablet": true,             // 是否支持 iPad
      "requireFullScreen": false,         // 是否强制全屏(iPad 多任务)
      "infoPlist": {                      // 自定义 Info.plist
        "NSLocationWhenInUseUsageDescription": "需要位置权限提供导航服务",
        "UIBackgroundModes": ["location", "fetch"],
        "ITSAppUsesNonExemptEncryption": false // 加密合规声明
      },
      "config": {
        "usesNonExemptEncryption": false, // 加密合规性
        "googleMapsApiKey": "YOUR_IOS_MAPS_KEY"
      },
      "entitlements": {                   // 特殊能力配置
        "aps-environment": "development", // 推送环境 [development|production]
        "com.apple.developer.networking.wifi-info": true
      },
      "usesAppleSignIn": true             // 是否启用 Apple 登录
    },

    // ========== Web 配置 ==========
    "web": {
      "favicon": "./assets/favicon.png",  // 网站图标(16x16 或 32x32 PNG)
      "bundler": "metro",                // 打包工具 [metro|webpack]
      "output": "static",                // 导出模式 [single|static]
      "lang": "en-US",                   // 默认语言
      "themeColor": "#ffffff",           // PWA 主题色
      "serviceWorker": {                 // PWA 配置
        "src": "./service-worker.js",
        "scope": "/",
        "useCache": true
      }
    },

    // ========== 插件配置 ==========
    "plugins": [
      "expo-camera",                     // 简单插件
      ["expo-notifications", {           // 带配置的插件
        "icon": "./assets/notif-icon.png",
        "color": "#ff0000",
        "sounds": ["./assets/notif-sound.wav"]
      }],
      ["expo-build-properties", {        // 原生构建配置覆盖
        "android": {
          "compileSdkVersion": 31,
          "targetSdkVersion": 31,
          "buildToolsVersion": "31.0.0"
        },
        "ios": {
          "deploymentTarget": "13.0"
        }
      }]
    ],

    // ========== 更新与资源 ==========
    "updates": {
      "enabled": true,                   // 是否启用 OTA
      "checkAutomatically": "ON_LOAD",   // [ON_LOAD|ON_ERROR_RECOVERY|WIFI_ONLY]
      "fallbackToCacheTimeout": 3000,    // 回退超时(毫秒)
      "url": "https://your-update-server.com" // 自定义更新服务器
    },
    "assetBundlePatterns": [             // 资源打包规则
      "**/*.png",
      "**/*.ttf",
      "fonts/**"
    ],

    // ========== 深度链接 ==========
    "scheme": "myapp",                   // 自定义协议 myapp://
    "detach": {                          // 分离模式配置(eject 时使用)
      "scheme": "detachedapp",
      "iosExpoViewUrl": "https://...",
      "androidExpoViewUrl": "https://..."
    },

    // ========== 额外配置 ==========
    "description": "应用描述(App Store/Play Store 展示)",
    "githubUrl": "https://github.com/your/repo",
    "primaryColor": "#6200ee",           // 主题色(Android 通知栏等)
    "extra": {                           // 自定义环境变量
      "apiUrl": "https://api.example.com",
      "encryptionKey": "@encryption_key" // 安全密钥(通过 app.config.js 注入)
    },
    "hooks": {                           // 构建钩子
      "postPublish": [
        {
          "file": "scripts/notify-slack.js",
          "config": {
            "channel": "#releases"
          }
        }
      ]
    }
  }
}

eas.json 完整配置手册

{
  "cli": {
    "version": ">= 3.0.0",              // 最低 EAS CLI 版本要求
    "promptToConfigurePushNotifications": true // 是否提示配置推送
  },
  "build": {
    // ===== 预设配置 =====
    "development": {
      "distribution": "internal",       // 分发类型 [internal|simulator|store]
      "developmentClient": true,        // 是否启用开发客户端
      "channel": "dev",                // 更新通道
      "env": {
        "API_URL": "https://dev.api.com"
      }
    },
    "preview": {
      "extends": "development",         // 继承其他配置
      "channel": "preview",
      "android": {
        "buildType": "apk"             // [apk|app-bundle]
      },
      "ios": {
        "simulator": true              // 是否构建模拟器版本
      }
    },
    "production": {
      "channel": "production",
      "distribution": "store",
      "releaseChannel": "prod-v1",
      "android": {
        "image": "ubuntu-18.04-android-30-ndk-r19c", // 构建镜像
        "buildType": "app-bundle",
        "gradleCommand": ":app:bundleRelease",
        "credentialsSource": "remote", // 凭证来源 [remote|local]
        "withoutCredentials": false
      },
      "ios": {
        "image": "macos-big-sur-11.4-xcode-12.5",
        "autoIncrement": "version",     // [version|buildNumber|none]
        "enterpriseProvisioning": "universal", // 企业证书类型
        "cache": {
          "key": "prod-{{ .Branch }}-{{ checksum "package-lock.json" }}",
          "paths": ["node_modules", "ios/Pods"]
        }
      },
      "env": {
        "API_URL": "https://prod.api.com",
        "FIREBASE_KEY": "@prod_firebase_key" // 安全变量
      }
    }
  },
  
  // ===== 提交配置 =====
  "submit": {
    "production": {
      "android": {
        "serviceAccount": "path/to/google-service-account.json",
        "track": "internal",           // [internal|alpha|beta|production|rollout]
        "releaseStatus": "completed",  // [draft|completed|halted|inProgress]
        "rolloutFraction": 0.25,      // 分阶段发布比例(0-1)
        "changesNotSentForReview": false // 是否跳过审核
      },
      "ios": {
        "appleId": "your@apple.id",
        "ascAppId": "1234567890",
        "appleTeamId": "ABCDEFGHIJ",
        "ascApiKeyPath": "path/to/AuthKey.p8",
        "ascApiKeyId": "KEY_ID",
        "ascApiKeyIssuerId": "ISSUER_ID",
        "appSpecificPassword": "@apple_app_password" // 双因素认证密码
      }
    }
  },
  
  // ===== 通用配置 =====
  "env": {                             // 全局环境变量
    "NODE_ENV": "production"
  },
  "experiments": {                     // 实验性功能
    "turboModules": true
  }
}

关键配置深度解析

1. Android 权限精细化控制

"android": {
  "permissions": [
    "CAMERA",
    "android.permission.ACCESS_BACKGROUND_LOCATION", // 精确指定权限
    {
      "name": "RECORD_AUDIO",
      "maxSdkVersion": 28 // 仅对 API 28 及以下设备请求
    }
  ],
  "blockedPermissions": [
    "android.permission.READ_EXTERNAL_STORAGE" // 显式屏蔽
  ]
}

2. iOS 后台模式配置

"ios": {
  "infoPlist": {
    "UIBackgroundModes": [
      "audio",           // 音频后台
      "location",        // 位置更新
      "fetch",           // 后台刷新
      "remote-notification" // 推送处理
    ],
    "NSPhotoLibraryAddUsageDescription": "需要保存图片到相册" // iOS 11+
  }
}

3. EAS 构建缓存优化

"cache": {
  "key": "{{ .OS }}-{{ .Branch }}-{{ checksum \"package-lock.json\" }}", // 动态缓存键
  "paths": [
    "node_modules",
    "android/.gradle",
    "ios/Pods",
    ".cache"
  ],
  "cacheDefaultPaths": false // 是否禁用默认缓存路径
}

4. 安全敏感变量处理

// 在 eas.json 中引用本地环境变量
"env": {
  "FIREBASE_KEY": "@firebase_prod_key" // 从 .env 或 eas secret 注入
}

// 终端命令添加密钥
eas secret:create --name firebase_prod_key --value your_key

5. 多环境配置策略

// app.config.js 动态配置
module.exports = ({ config }) => {
  const isProd = process.env.APP_ENV === "production";
  return {
    ...config,
    extra: {
      apiUrl: isProd ? "https://prod.api" : "https://dev.api",
      enableAnalytics: isProd
    },
    android: {
      ...config.android,
      versionCode: isProd ? 100 : 1
    }
  };
};

完整工作流示例

1. 开发构建

# 生成开发版 APK
eas build --platform android --profile development

# 启动开发服务器
expo start --dev-client

2. 生产发布

# 设置生产环境密钥
eas secret:create --name api_prod_key --value xyz123

# 构建并提交到商店
eas build --platform all --profile production
eas submit --platform ios --profile production

3. OTA 更新管理

# 发布更新到 production 通道
expo publish --release-channel prod-v1

# 回滚到指定版本
expo publish --release-channel prod-v1 --republish

SDK 53 特别注意事项

  1. React Native 兼容性
  2. // package.json 必须匹配
    "react-native": "0.63.4",
    "expo": "~53.0.7",
    "react": "16.13.1"
  3. 遗留配置迁移
  4. exp.jsonapp.json (SDK 53 已完全弃用旧格式)
  5. expo.ios.config.googleSignIn 已移至插件 expo-google-sign-in
  6. 弃用警告
  7. expo.assetBundlePatterns 中的 !**/*.mp4 语法已弃用,改用 android.packagingOptions

app.json根级配置

字段

类型

说明

示例

name

string

应用名称(显示在设备主屏幕)

"MyApp"

slug

string

URL 唯一标识(用于 OTA 更新和分享链接)

"my-app"

version

string

应用版本号(语义化版本)

"1.0.0"

orientation

string

屏幕方向:"portrait"(竖屏)、"landscape"(横屏)

"portrait"

icon

string

应用图标路径(推荐 1024×1024 PNG)

"./assets/icon.png"

splash

object

启动屏配置(含 imageresizeMode 等)

见下方示例

platforms

array

支持平台:["ios", "android", "web"]

["ios", "android"]

plugins

array

插件列表(如 ["expo-camera"]

["expo-location"]

extra

object

自定义环境变量(通过 expo-constants 访问)

{ "apiUrl": "https://api.example.com" }

相关推荐

教你把多个视频合并成一个视频的方法

一.情况介绍当你有一个m3u8文件和一个目录,目录中有连续的视频片段,这些片段可以连成一段完整的视频。m3u8文件打开后像这样:m3u8文件,可以理解为播放列表,里面是播放视频片段的顺序。视频片段像这...

零代码编程:用kimichat合并一个文件夹下的多个文件

一个文件夹里面有很多个srt字幕文件,如何借助kimichat来自动批量合并呢?在kimichat对话框中输入提示词:你是一个Python编程专家,完成如下的编程任务:这个文件夹:D:\downloa...

Java APT_java APT 生成代码

JavaAPT(AnnotationProcessingTool)是一种在Java编译阶段处理注解的工具。APT会在编译阶段扫描源代码中的注解,并根据这些注解生成代码、资源文件或其他输出,...

Unit Runtime:一键运行 AI 生成的代码,或许将成为你的复制 + 粘贴神器

在我们构建了UnitMesh架构之后,以及对应的demo之后,便着手于实现UnitMesh架构。于是,我们就继续开始UnitRuntime,以用于直接运行AI生成的代码。PS:...

挣脱臃肿的枷锁:为什么说Vert.x是Java开发者手中的一柄利剑?

如果你是一名Java开发者,那么你的职业生涯几乎无法避开Spring。它如同一位德高望重的老国王,统治着企业级应用开发的大片疆土。SpringBoot的约定大于配置、SpringCloud的微服务...

五年后,谷歌还在全力以赴发展 Kotlin

作者|FredericLardinois译者|Sambodhi策划|Tina自2017年谷歌I/O全球开发者大会上,谷歌首次宣布将Kotlin(JetBrains开发的Ja...

kotlin和java开发哪个好,优缺点对比

Kotlin和Java都是常见的编程语言,它们有各自的优缺点。Kotlin的优点:简洁:Kotlin程序相对于Java程序更简洁,可以减少代码量。安全:Kotlin在类型系统和空值安全...

移动端架构模式全景解析:从MVC到MVVM,如何选择最佳设计方案?

掌握不同架构模式的精髓,是构建可维护、可测试且高效移动应用的关键。在移动应用开发中,选择合适的软件架构模式对项目的可维护性、可测试性和团队协作效率至关重要。随着应用复杂度的增加,一个良好的架构能够帮助...

颜值非常高的XShell替代工具Termora,不一样的使用体验!

Termora是一款面向开发者和运维人员的跨平台SSH终端与文件管理工具,支持Windows、macOS及Linux系统,通过一体化界面简化远程服务器管理流程。其核心定位是解决多平台环境下远程连接、文...

预处理的底层原理和预处理编译运行异常的解决方案

若文章对您有帮助,欢迎关注程序员小迷。助您在编程路上越走越好![Mac-10.7.1LionIntel-based]Q:预处理到底干了什么事情?A:预处理,顾名思义,预先做的处理。源代码中...

为“架构”再建个模:如何用代码描述软件架构?

在架构治理平台ArchGuard中,为了实现对架构的治理,我们需要代码+模型描述所要处理的内容和数据。所以,在ArchGuard中,我们有了代码的模型、依赖的模型、变更的模型等,剩下的两个...

深度解析:Google Gemma 3n —— 移动优先的轻量多模态大模型

2025年6月,Google正式发布了Gemma3n,这是一款能够在2GB内存环境下运行的轻量级多模态大模型。它延续了Gemma家族的开源基因,同时在架构设计上大幅优化,目标是让...

比分网开发技术栈与功能详解_比分网有哪些

一、核心功能模块一个基本的比分网通常包含以下模块:首页/总览实时比分看板:滚动展示所有正在进行的比赛,包含比分、比赛时间、红黄牌等关键信息。热门赛事/焦点战:突出显示重要的、关注度高的比赛。赛事导航...

设计模式之-生成器_一键生成设计

一、【概念定义】——“分步构建复杂对象,隐藏创建细节”生成器模式(BuilderPattern):一种“分步构建型”创建型设计模式,它将一个复杂对象的构建与其表示分离,使得同样的构建过程可以创建...

构建第一个 Kotlin Android 应用_kotlin简介

第一步:安装AndroidStudio(推荐IDE)AndroidStudio是官方推荐的Android开发集成开发环境(IDE),内置对Kotlin的完整支持。1.下载And...