React Native代码运行与应用上架指导：PHP服务器404问题求助

Hey there! Let's break down your questions one by one to get you sorted out.

When you initialize a React Native project (using npx react-native init YourAppName), the entire project lives in the YourAppName folder created wherever you ran that command. Here's the key structure you need to know:

• android/: Houses all Android-native code, configs like AndroidManifest.xml, and build files for generating APK/AAB packages.
• ios/: Contains iOS-native code, Info.plist, Podfile, and everything needed to build an IPA for the App Store.
• src/ or app/: This is where your actual React Native business code lives—components, screens, state management files, etc. (Some projects use App.js directly in the root as the entry point.)
• package.json: Lists your project dependencies and scripts (like npm run android or npm run build).
• index.js: The main entry point for your React Native app.

If you can't find the folder, run pwd in your terminal (Linux/macOS) from the directory where you ran the init command to see the parent path, or use your file explorer to search for the project name.

First, a quick clarification: React Native is built for mobile apps, but if you're trying to deploy a React Native Web version (to run in browsers), you need to package it as static files first. Here's why you're getting 404s and how to fix it:

1. You uploaded raw RN source code instead of built static files
   Servers can't parse React Native's JSX code directly. You need to build your web app first:

   • If you haven't set up React Native Web yet, install dependencies: npm install react-native-web react-dom and configure your build setup (webpack, etc.).
   • Run your build script (usually npm run build:web—check your package.json for the exact command). This will generate a build/ or dist/ folder with static HTML, CSS, and JS files.
   • Upload only the contents of this build/ folder to your PHP server's web root (like /var/www/html/), not the entire RN project folder.

2. URL Rewrite Issues (if using React Router)
   If your web app uses BrowserRouter for routing, refreshing pages will throw 404s unless you configure your server to redirect all requests to index.html:

   • For Nginx, add this to your server config:

     location / {
         try_files $uri $uri/ /index.html;
     }
     

   • For Apache, enable mod_rewrite and add a .htaccess file in your web root:

     RewriteEngine On
     RewriteBase /
     RewriteRule ^index\.html$ - [L]
     RewriteCond %{REQUEST_FILENAME} !-f
     RewriteCond %{REQUEST_FILENAME} !-d
     RewriteRule . /index.html [L]
     

Again, this depends on what you're trying to achieve:

1. Running React Native Web (for browser access) #

• Development Mode: Clone your project on the server, run npm install to install dependencies, then start the dev server with npm run start:web (make sure your server's firewall allows the port, usually 3000). You can access it via http://your-server-ip:3000.
• Production Mode: Always use the built static files (as explained in the 404 fix section) hosted on Apache/Nginx—dev servers aren't meant for production.

2. Building Mobile App Packages (APK/IPA) on a Server #

If you want to automate building your mobile app on a server, set up CI/CD (like GitHub Actions or GitLab CI):

• Android: On a Linux server, run cd android && ./gradlew assembleRelease to generate a signed APK, or ./gradlew bundleRelease for the recommended AAB format. The output will be in android/app/build/outputs/apk/release/ or bundle/release/.
• iOS: Requires a macOS server (since Xcode is macOS-only). Run cd ios && pod install && xcodebuild -configuration Release -workspace YourApp.xcworkspace -scheme YourApp archive to generate an archive, which you can export as an IPA.

• Google Play Store:
  • Generate a signed AAB (preferred over APK) using ./gradlew bundleRelease.
  • Sign up for a Google Play Console account, create your app listing, upload the AAB, fill in all required metadata, and submit for review.
• Apple App Store:
  • You'll need a macOS machine or macOS server to build the IPA.
  • Sign up for an Apple Developer account, configure signing certificates and provisioning profiles in Xcode, build the signed IPA, then upload it via App Store Connect. Fill in your app's details and submit for review.

内容的提问来源于stack exchange，提问作者user3116317