Previously to store the code of personal projects I used to use gitlab, then bitbucket because there were free private projects, but since github was acquired by Microsoft and free private projects, after a period of continuous error after free time github is quite ok so I have gradually moved the private projects to github. And one of the needs when using git, of course it is CI-CD. When working as a company, most of the CI-CDs were devops and system team setup and usually the companies I worked with also used gitlab or jenkins. Just focus on code, push up every CI-CD step that is already set up. Recently, there are a few individual projects that are quite lazy to build by hand and then push to the server so they wanted to setup CI-CD to facilitate deploying and testing, the need is quite basic to push the code, build java for the server and reactjs for The client then copies the build file to the VPS already installed in the environment. The needs are simple, so steps is quite simple. Let’s take a look at a few main steps:
First is the reactjs client part
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | name: Continuous Deployment on: push: branches: - master jobs: deploy: name: Deploy runs-on: ubuntu-latest env: SOURCE_DIR: "build/" steps: - uses: actions/ <a class="__cf_email__" href="/cdn-cgi/l/email-protection">[email protected]</a> - name: Install dependencies run: yarn - name: Build run: yarn build - name: Deploy production if: github.ref == 'refs/heads/master' uses: garygrossgarten/ <a class="__cf_email__" href="/cdn-cgi/l/email-protection">[email protected]</a> with: local: build remote: ${{ secrets.HOME_PATH }} host: ${{ secrets.HOST }} username: ${{ secrets.SSH_USER }} password: ${{ secrets.PASSWORD }} |
Config in the yml file is also nothing complicated, here at the last step I use the action garygrossgarten / github-action-scp to copy the build file to vps, the sensitive information I use env in the github project secrets, you have can be defined at / settings / secrets
Similar to the server part of java
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | name: Java CI with Maven on: push: branches: - master jobs: build: runs-on: ubuntu-latest steps: - uses: actions/ <a class="__cf_email__" href="/cdn-cgi/l/email-protection">[email protected]</a> - name: Set up JDK 1.11 uses: actions/ <a class="__cf_email__" href="/cdn-cgi/l/email-protection">[email protected]</a> with: java-version: 1.11 - name: Cache Maven packages uses: actions/ <a class="__cf_email__" href="/cdn-cgi/l/email-protection">[email protected]</a> with: path: ~/.m2 key: ${{ runner.os }}-m2-${{ hashFiles('**/pom.xml') }} restore-keys: ${{ runner.os }}-m2 - name: Prepare applications properties jwt secret uses: jacobtomlinson/ <a class="__cf_email__" href="/cdn-cgi/l/email-protection">[email protected]</a> with: find: "mySecret" replace: ${{ secrets.PROD_JWT_SECRET }} include: "application.properties" - name: Build with Maven run: mvn -B package --file pom.xml - name: copy file uses: canastro/ <a class="__cf_email__" href="/cdn-cgi/l/email-protection">[email protected]</a> with: source: "target/liftu-0.0.1-SNAPSHOT.war" target: "target/liftu.war" - name: Deploy production if: github.ref == 'refs/heads/master' uses: garygrossgarten/ <a class="__cf_email__" href="/cdn-cgi/l/email-protection">[email protected]</a> with: local: target/liftu.war remote: ${{ secrets.HOME_PATH }}/liftu.war host: ${{ secrets.HOST }} username: ${{ secrets.SSH_USER }} password: ${{ secrets.PASSWORD }} |
Action jacobtomlinson / gha-find-replace is used to replace a phrase with the value passed in the specified file. The step is simple but the results are very good, saving a lot of deploying and testing time
