2025年05月最新!React Native开源项目在CentOS 8的实践指南

云信安装大师
90
AI 质量分
10 5 月, 2025
2 分钟阅读
0 阅读

2025年05月最新!React Native开源项目在CentOS 8的实践指南

引言

React Native作为跨平台移动应用开发框架,在2025年依然保持着强劲的发展势头。本文将带你在CentOS 8系统上从零开始搭建React Native开发环境,并部署一个完整的开源项目实例。无论你是刚接触React Native的新手,还是需要在Linux服务器上部署RN项目的开发者,这篇指南都能为你提供实用的解决方案。

准备工作

系统要求

  • CentOS 8 (建议使用最新更新版本)
  • 至少4GB内存(推荐8GB以上)
  • 20GB可用磁盘空间
  • 稳定的网络连接

前置知识

  • 基本的Linux命令行操作
  • JavaScript基础语法
  • React基础概念(非必须但建议了解)

第1步:系统环境准备

首先更新系统并安装基础依赖:

代码片段
# 更新系统包
sudo dnf update -y

# 安装基础开发工具和依赖
sudo dnf install -y git curl wget make gcc-c++ python3 glibc-devel libstdc++-devel zlib-devel

注意事项
1. CentOS 8默认使用Python3,无需额外安装Python2
2. 如果遇到”Failed to download metadata”错误,可能是由于CentOS 8官方源已停止维护,需要切换镜像源:

代码片段
sudo sed -i 's/mirrorlist/#mirrorlist/g' /etc/yum.repos.d/CentOS-*
sudo sed -i 's|#baseurl=http://mirror.centos.org|baseurl=http://vault.centos.org|g' /etc/yum.repos.d/CentOS-*

第2步:安装Node.js和npm/yarn

React Native需要Node.js运行环境,我们使用nvm(Node Version Manager)来管理Node版本:

代码片段
# 安装nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash

# 加载nvm环境变量
source ~/.bashrc

# 安装Node.js LTS版本(2025年5月最新LTS)
nvm install --lts=Hydrogen

# 验证安装
node -v && npm -v

# 安装Yarn(可选但推荐)
npm install -g yarn

原理说明
– nvm允许你在同一台机器上管理多个Node.js版本
– React Native对Node.js版本有特定要求,使用LTS版本可以确保兼容性

第3步:安装Java开发环境(JDK)

React Native Android开发需要Java环境:

代码片段
# CentOS 8默认仓库中的JDK11是最稳定的选择
sudo dnf install -y java-11-openjdk-devel

# 设置JAVA_HOME环境变量
echo "export JAVA_HOME=$(dirname $(dirname $(readlink -f $(which javac))))" >> ~/.bashrc
source ~/.bashrc

# 验证安装
java -version && javac -version

第4步:安装Android Studio和SDK

虽然我们主要在CentOS服务器上运行项目,但Android SDK是必需的:

代码片段
# Android Studio命令工具包(不安装完整IDE)
wget https://dl.google.com/android/repository/commandlinetools-linux-9477386_latest.zip -P ~/
unzip ~/commandlinetools-linux-*.zip -d ~/android-sdk/

# 设置Android SDK环境变量
echo 'export ANDROID_HOME=$HOME/android-sdk' >> ~/.bashrc
echo 'export PATH=$PATH:$ANDROID_HOME/cmdline-tools/latest/bin:$ANDROID_HOME/platform-tools' >> ~/.bashrc
source ~/.bashrc

# SDK管理器接受许可协议(必须步骤)
yes | sdkmanager --licenses

# 安装必要的Android平台工具和构建工具(2025年5月最新版本)
sdkmanager "platform-tools" "platforms;android-34" "build-tools;34.0.0"

实践经验
1. Android SDK路径配置非常重要,错误的路径会导致构建失败
2. yes | sdkmanager --licenses命令自动接受所有许可协议,避免交互式确认

第5步:创建React Native项目

现在我们创建一个全新的React Native项目:

代码片段
# React Native CLI是官方推荐的项目创建工具(2025年仍适用)
npx react-native@latest init AwesomeProject --template react-native-template-typescript@latest

cd AwesomeProject

# iOS依赖在Linux上不需要安装(仅macOS支持iOS开发)

项目结构说明

代码片段
AwesomeProject/
├── android/      # Android原生代码和配置
├── ios/          # iOS原生代码和配置(Linux上不可用)
├── node_modules/ # Node.js依赖包  
├── src/          # (后续添加)我们的主要代码目录  
├── App.tsx       # React Native主组件  
├── index.js      # React Native入口文件  
└── package.json # Node.js项目配置文件  

第6步:运行React Native项目

Android模拟器准备(可选)

如果你没有物理Android设备测试,可以使用模拟器:

代码片段
# Android Studio的模拟器在Linux上性能较差,建议使用Genymotion或物理设备测试 
sdkmanager "emulator"
sdkmanager "system-images;android-34;google_apis;x86_64"

avdmanager create avd -n test_device -k "system-images;android-34;google_apis;x86_64"

Metro打包器启动

在一个终端窗口中启动Metro打包器:

代码片段
yarn start --reset-cache --port=8081 --host=0.0.0.0 --max-workers=2 

参数说明:
--reset-cache:清除之前的打包缓存
--host=0.0.0.0:允许外部设备访问
--max-workers=2:限制内存使用

Android应用构建和运行

在另一个终端窗口中执行:

代码片段
cd android && ./gradlew clean && cd ..
yarn android --variant=debug --activeArchOnly=true 

构建过程可能需要较长时间(首次构建约10

原创 高质量