Bitbucket 管道 - 构建 Create-react-app，将其压缩，通过 ftp 上传并在服务器上解压缩

Question

I'm using a bitbucket pipeline to deploy my react application.

Right now my pipeline looks like this:

image: node:10.15.3

pipelines:
  default:
      - step:
          name: Build
          script:
          - npm cache clean --force
          - rm -rf node_modules
          - npm install
          - CI=false npm run deploy-app
          artifacts: # defining build/ as an artifact
          - 'build-artifact/**'
      - step:
          name: Deploy
          script:
            - apt-get update
            - apt-get install ncftp
            - ncftpput -v -u "$USERNAME" -p "$PASSWORD" -R $SERVER build 'build-artifact/*'
            - echo Finished uploading build

It works really well like this, but the ftp upload takes about 8 minutes, which is way to long because with the free plan of Bitbucket I can only use the pipeline feature for 50 minutes per month.

It seems like the uploads of every small file takes forever. That's why I thought that maybe uploading a single zip file will be way more performant.

So my question is: Is it really faster? And how it is possible to ZIP the artifact, upload the zip to the server and unzip it there?

Thanks for your help

Answer 1

In fact, you should consider using another tool to upload file, for example rsync which has a couple of useful features, such as compression of the data. It also only uploads files that were changed from the previous upload, which is gonna speed up the uploads as well. You can use the rsync-deploy pipe for example:

script:
  - pipe: atlassian/rsync-deploy:0.3.2
    variables:
      USER: 'ec2-user'
      SERVER: '127.0.0.1'
      REMOTE_PATH: '/var/www/build/'
      LOCAL_PATH: 'build'
      EXTRA_ARGS: '-z'

Note the -z option passed via the EXTRA_ARGS. This will enable the data compression when transferring files.