Angular application CI/CD AWS CodePipeline in S3 Step-by-Step Tutorial
Building a CI/CD AWS CodePipeline for an Angular Application. In this tutorial, we are going to be building a CI/CD on AWS for an Angular Application using the AWS CodePipeline Service.
Github repo: https://github.com/ibercode/angular-aws-cicd.git
buildspec.yml
https://github.com/ibercode/angular-aws-cicd/blob/main/buildspec.yml
S3 bucket policy
https://docs.aws.amazon.com/AmazonS3/latest/userguide/WebsiteAccessPermissionsReqd.html
buildspec.yml file:
version: 0.2
env:
variables:
CACHE_CONTROL: "86400"
S3_BUCKET: "{{s3_bucket_url}}"
BUILD_FOLDER: "dist"
phases:
install:
runtime-versions:
nodejs: 14
commands:
- echo Installing source NPM dependencies...
- npm install
- npm install -g @angular/cli
build:
commands:
- echo Build started
- ng build
artifacts:
files:
- '**/*'
base-directory: 'dist*'
discard-paths: yes
---------------
AWS S3 bucket policy: https://docs.aws.amazon.com/AmazonS3/latest/userguide/WebsiteAccessPermissionsReqd.html
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": [
"s3:GetObject"
],
"Resource": [
"arn:aws:s3:::example.com/*"
]
}
]
}
Видео Angular application CI/CD AWS CodePipeline in S3 Step-by-Step Tutorial канала IBERCODE
Github repo: https://github.com/ibercode/angular-aws-cicd.git
buildspec.yml
https://github.com/ibercode/angular-aws-cicd/blob/main/buildspec.yml
S3 bucket policy
https://docs.aws.amazon.com/AmazonS3/latest/userguide/WebsiteAccessPermissionsReqd.html
buildspec.yml file:
version: 0.2
env:
variables:
CACHE_CONTROL: "86400"
S3_BUCKET: "{{s3_bucket_url}}"
BUILD_FOLDER: "dist"
phases:
install:
runtime-versions:
nodejs: 14
commands:
- echo Installing source NPM dependencies...
- npm install
- npm install -g @angular/cli
build:
commands:
- echo Build started
- ng build
artifacts:
files:
- '**/*'
base-directory: 'dist*'
discard-paths: yes
---------------
AWS S3 bucket policy: https://docs.aws.amazon.com/AmazonS3/latest/userguide/WebsiteAccessPermissionsReqd.html
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": [
"s3:GetObject"
],
"Resource": [
"arn:aws:s3:::example.com/*"
]
}
]
}
Видео Angular application CI/CD AWS CodePipeline in S3 Step-by-Step Tutorial канала IBERCODE
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
AWS CodePipeline for Angular app deployment in S3How to Deploy your Angular application in Azure DevOpsGithub Actions CI/CD - Everything you need to know to get startedCI/CD from GitHub to AWS S3 using CodeBuild (e.g. Angular/React.js App automatic Deployments)What is GitOps, How GitOps works and Why it's so usefulAWS CodePipeline tutorial | Build a CI/CD Pipeline on AWSDeploy your Angular Application into AWS S3 | javatechieSet up GitLab CI in an Angular ApplicationAWS Code Pipeline Deploying React app to s3 Bucket (CI/CD) (2020)How to set up AWS Kubernetes Jenkins pipeline? - Part 13The Most Important AWS Core Services That You NEED To Know About!Angular vs React - Which Is The Better Framework To Learn in 2021?Angular Hosting and Deployment on AWS S3 + CloudFrontCI/CD from Github to AWS EC2 Step by Step | Node.js Express Backend API as an ExampleLearn GitHub Actions! Deploy a Vue App to AWSDocker & Angular: Dockerizing your Angular Application | JavaTechieHow to Containerize Your ASP.NET Application and Deploy to Amazon Elastic Kubernetes Service (EKS)Create and Deploy Angular Application to AWS S3 - Step by Step GuideAngular Continuous Delivery / Deployment with gitlab-ci (stage + prod)Create Environment set up and CI/CD pipeline for Angular+ .NET Core web API in Azure DevOps