What is front-end automation?
Front-end automation is the process of automated building, packaging, testing, and deployment of front-end code.
- Continuous Integration.
- Continuous Deployment.
- Front-end automation is often combined with CI/CD processes.
What is CI/CD?
CI/CD stands for Continuous Integration, Continuous Delivery, and Continuous Deployment, and is a method of frequent Delivery to customers by introducing automated build deployments. CI/CD is at the core of DevOps, and DevOps is meaningless without CI/CD automation tools and processes. Take a look at the following DevOps workflow flowchart:
The specific process is as follows:
- Plan, code, build, test (Dev)
- Release release, deploy, operate, and monitor (Ops)
- Then find problems or new requirements, and re-plan the plan… The cycle
This is the complete DevOps process, and imagine how onerous it would be without automation.
Popular introduction to CI/CD
Continuous Integration (CI) refers to automatic verification of new code format, packaging, building, running single test, single test coverage, which is common in our front-end, such as ESLint, Webpack, various scripts, Continuous Delivery (CD) means that the code is automatically deployed after ci. The front-end is usually packaged and automatically released to the Open Storage Service (OSS) object Storage Service. To refresh the CDN.
The benefits of this process are obvious, as it simplifies repetitive work and avoids the problems of manual operation
The significance of automating processes compared to traditional project deployments
Reduce human error and improve software quality- Efficiency iteration, easy deployment
- Fast delivery and easy management
Mainstream automation software comparison
| classification | JenKins | Travis CI | Circle CI |
|---|---|---|---|
| Local deployment | support | Cloud platform | Cloud platform |
| configuration | Height configurability | YAML files | YAML files |
| cross-platform | is | Linux+Mac | Linux+Mac |
| Multiple servers | is | no | no |
| cost | free | charge | charge |
As can be seen from the figure above, Jenkins,Travis CI and Circle CI are the main software. The latter two are cloud platforms and only support Public projects, while private projects need to be paid. Jenkins supports localized deployment, is free, highly configurable, and is the leader in open source CI&CD software, offering over 1,000 plug-ins to support build, deploy, automate, and meet the needs of any project.
