uni-app 使用 jenkins 构建和 uni-app 使用离线打包

在 uni-app 项目中，通过 Jenkins 进行构建和离线打包是常见的自动化部署流程。下面分别给出相关代码案例来展示这两个过程。

uni-app 使用 Jenkins 构建

1. 安装 Jenkins 并配置环境

   首先，确保 Jenkins 已安装并运行，且安装了 Node.js 和相关依赖。

2. 配置 Jenkins Job

   在 Jenkins 中创建一个新的 Freestyle Project 或 Pipeline Project。

3. Pipeline Script（针对 Pipeline Project）

   pipeline {
       agent any
       environment {
           NODE_HOME = tool 'NodeJS' // 确保在 Jenkins 中配置了 Node.js 工具
       }
       stages {
           stage('Checkout') {
               steps {
                   git 'https://your-repo-url.git'
               }
           }
           stage('Install Dependencies') {
               steps {
                   sh "${NODE_HOME}/bin/npm install"
               }
           }
           stage('Build') {
               steps {
                   sh "${NODE_HOME}/bin/npx cross-env NODE_ENV=production uni-app-cli build"
               }
           }
           stage('Archive Artifacts') {
               steps {
                   archiveArtifacts artifacts: 'dist/**/*', allowEmptyArchive: true
               }
           }
       }
   }
   

uni-app 使用离线打包

离线打包通常涉及生成原生工程文件（如 iOS 的 Xcode 项目或 Android 的 Android Studio 项目），然后在本地或 CI/CD 环境中构建这些原生项目。

1. 生成原生工程文件

   使用 HBuilderX 或命令行工具生成原生工程文件。

   npx cross-env NODE_ENV=production uni-app-cli create -t mp-weixin # 示例：生成微信小程序原生代码
   # 或者使用 HBuilderX GUI 工具生成 iOS/Android 原生工程
   

2. 配置 Jenkins Job 进行原生构建

   对于 iOS，可以使用 xcodebuild 命令；对于 Android，可以使用 ./gradlew assemble 命令。

   iOS 示例（Pipeline Script）

   pipeline {
       agent any
       stages {
           stage('Checkout') {
               steps {
                   git 'https://your-ios-repo-url.git'
               }
           }
           stage('Build iOS') {
               steps {
                   sh 'xcodebuild -workspace YourWorkspace.xcworkspace -scheme YourScheme -configuration Release'
               }
           }
           stage('Archive Artifacts') {
               steps {
                   archiveArtifacts artifacts: 'build/ios/*.ipa', allowEmptyArchive: true
               }
           }
       }
   }
   

   Android 示例（Pipeline Script）

   pipeline {
       agent any
       stages {
           stage('Checkout') {
               steps {
                   git 'https://your-android-repo-url.git'
               }
           }
           stage('Build Android') {
               steps {
                   sh './gradlew assembleRelease'
               }
           }
           stage('Archive Artifacts') {
               steps {
                   archiveArtifacts artifacts: 'app/build/outputs/apk/release/*.apk', allowEmptyArchive: true
               }
           }
       }
   }
   

通过上述代码案例，你可以在 Jenkins 中实现 uni-app 的构建和离线打包流程。