A Complete CI CD Pipeline for React Native

说明与用途

React Native 自动化 CI/CD 流程，包含 pre-commit 检查、Fastlane 任务和安全证书管理。

问题

Ensuring consistent, automated builds, tests, and store deployments for a React Native app while maintaining code quality and security.

结果

The pipeline enforces code quality before commits, builds consistently across environments, securely manages certificates, and automates deployment to App Store and Play Store, reducing manual effort and errors.

工作流

• Add husky, lint-staged, prettier, and yarn to dev dependencies
• Configure lint-staged in package.json to run removeConsoleLogs.js, prettier, and eslint --fix on staged files
• Create removeConsoleLogs.js to strip console.log/debug/info statements
• Set up .husky/pre-commit to run lint-staged
• Initialize Fastlane for iOS and Android (bundle install, fastlane init)
• Configure Appfile for iOS with environment variables for identifiers and team IDs
• Set up Android Appfile with json_key_file and package_name
• Use match for iOS certificates: run fastlane match init and fastlane match appstore
• Define Android signing environment variables (keystore file, alias, password) and generate keystore if needed
• Create Android Fastfile with deploy_to_play_store lane: increment version, build signed .aab, and upload to Play Store
• Configure GitHub Actions to trigger Fastlane lanes on push or PR
• Ensure secrets (MATCH_PASSWORD, GIT_AUTHORIZATION, keystore credentials) are stored in GitHub Actions secrets

证据

A production-grade setup covering pre-commit checks, automated builds, and store deployment via GitHub Actions and Fastlane.

来源

Fastlane wraps your build commands into lanes, so local and CI runs stay identical.

来源