Skip to content

Commit f599d87

Browse files
parthaaptuzparthaaptuz
committed
initial working template
1 parent 603ff9d commit f599d87

File tree

4 files changed

+467
-0
lines changed

4 files changed

+467
-0
lines changed

‎README.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,12 @@
11
# aws-cft-pipeline-codebuild-codedeploy-statichosting-frontendapp
22
Template for hosting a Vue app into s3 using cloudformation, codebuild, codedeploy and codepipeline.
3+
4+
Note:
5+
1. Get Access Token
6+
This pipeline will take the source code from the github. So you need get a developer access token (make sure it is having read access).
7+
8+
2. Place your code in Github
9+
Make sure your vue code is placed in a github repo. And you need to have a username/orgname and reponame as input parameters to your cft.
10+
11+
# Setup
12+
Use the frontend-pipeline-cft.yml and give as an input in the cloudformation. Provide appropriate values.

‎buildspec.yml‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
version: 0.2
2+
phases:
3+
install:
4+
commands:
5+
- npm i npm@latest -g
6+
- pip install --upgrade pip
7+
- pip install --upgrade awscli
8+
pre_build:
9+
commands:
10+
- npm install
11+
build:
12+
commands:
13+
- npm run build
14+
post_build:
15+
commands:
16+
- aws s3 sync ./dist $S3_BUCKET --grants read=uri=http://acs.amazonaws.com/groups/global/AllUsers

‎frontend-pipeline-cft-inlinebuildspec.yml‎

Lines changed: 226 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,226 @@
1+
AWSTemplateFormatVersion: '2010-09-09'
2+
Description: Pipeline using CodePipeline and CodeBuild for continuous delivery of a single-page application to S3
3+
Parameters:
4+
SiteBucketName:
5+
Type: String
6+
Description: Name of bucket to create to host the website
7+
GitHubUser:
8+
Type: String
9+
Description: GitHub User/Repo
10+
Default: "<your github user>"
11+
GitHubRepo:
12+
Type: String
13+
Description: GitHub Repo to pull from. Only the Name. not the URL
14+
Default: "<reponame>"
15+
GitHubBranch:
16+
Type: String
17+
Description: GitHub Branch
18+
Default: "master"
19+
GitHubToken:
20+
NoEcho: true
21+
Type: String
22+
Description: Secret. It might look something like 9b189a1654643522561f7b3ebd44a1531a4287af OAuthToken with access to Repo. Go to https://github.com/settings/tokens
23+
BuildType:
24+
Type: String
25+
Default: "LINUX_CONTAINER"
26+
Description: The build container type to use for building the app
27+
BuildComputeType:
28+
Type: String
29+
Default: "BUILD_GENERAL1_SMALL"
30+
Description: The build compute type to use for building the app
31+
BuildImage:
32+
Type: String
33+
Default: "aws/codebuild/standard:2.0"
34+
Description: The build image to use for building the app
35+
Metadata:
36+
AWS::CloudFormation::Interface:
37+
ParameterGroups:
38+
- Label:
39+
default: "Site Configuration"
40+
Parameters:
41+
- SiteBucketName
42+
- Label:
43+
default: "GitHub Configuration"
44+
Parameters:
45+
- GitHubUser
46+
- GitHubToken
47+
- GitHubRepo
48+
- GitHubBranch
49+
- Label:
50+
default: "Build Configuration"
51+
Parameters:
52+
- BuildType
53+
- BuildComputeType
54+
- BuildImage
55+
ParameterLabels:
56+
SiteBucketName:
57+
default: Name of S3 Bucket to create for website hosting
58+
GitHubToken:
59+
default: GitHub OAuth2 Token
60+
GitHubUser:
61+
default: GitHub User/Org Name
62+
GitHubRepo:
63+
default: GitHub Repository Name
64+
GitHubBranch:
65+
default: GitHub Branch Name
66+
BuildType:
67+
default: CodeBuild type
68+
BuildComputeType:
69+
default: CodeBuild instance type
70+
BuildImage:
71+
default: CodeBuild image
72+
Resources:
73+
CodeBuildRole:
74+
Type: AWS::IAM::Role
75+
Properties:
76+
AssumeRolePolicyDocument:
77+
Statement:
78+
- Effect: Allow
79+
Principal:
80+
Service:
81+
- codebuild.amazonaws.com
82+
Action:
83+
- sts:AssumeRole
84+
Path: "/"
85+
Policies:
86+
- PolicyName: codebuild-service
87+
PolicyDocument:
88+
Statement:
89+
- Effect: Allow
90+
Action: "*"
91+
Resource: "*"
92+
Version: '2012-10-17'
93+
CodePipelineRole:
94+
Type: AWS::IAM::Role
95+
Properties:
96+
AssumeRolePolicyDocument:
97+
Statement:
98+
- Effect: Allow
99+
Principal:
100+
Service:
101+
- codepipeline.amazonaws.com
102+
Action:
103+
- sts:AssumeRole
104+
Path: "/"
105+
Policies:
106+
- PolicyName: codepipeline-service
107+
PolicyDocument:
108+
Statement:
109+
- Action:
110+
- codebuild:*
111+
Resource: "*"
112+
Effect: Allow
113+
- Action:
114+
- s3:GetObject
115+
- s3:GetObjectVersion
116+
- s3:GetBucketVersioning
117+
Resource: "*"
118+
Effect: Allow
119+
- Action:
120+
- s3:PutObject
121+
Resource:
122+
- arn:aws:s3:::codepipeline*
123+
Effect: Allow
124+
- Action:
125+
- s3:*
126+
- cloudformation:*
127+
- iam:PassRole
128+
Resource: "*"
129+
Effect: Allow
130+
Version: '2012-10-17'
131+
SiteBucket:
132+
Type: AWS::S3::Bucket
133+
DeletionPolicy: Delete
134+
Properties:
135+
AccessControl: PublicRead
136+
BucketName: !Ref SiteBucketName
137+
WebsiteConfiguration:
138+
IndexDocument: index.html
139+
ErrorDocument: index.html
140+
141+
PipelineBucket:
142+
Type: AWS::S3::Bucket
143+
DeletionPolicy: Delete
144+
CodeBuildDeploySite:
145+
Type: AWS::CodeBuild::Project
146+
Properties:
147+
Name: !Sub ${AWS::StackName}-DeploySite
148+
Description: Deploy site to S3
149+
ServiceRole: !GetAtt CodeBuildRole.Arn
150+
Artifacts:
151+
Type: CODEPIPELINE
152+
Environment:
153+
Type: !Ref BuildType
154+
ComputeType: !Ref BuildComputeType
155+
Image: !Sub ${BuildImage}
156+
EnvironmentVariables:
157+
- Name: S3_BUCKET
158+
Value: !Ref SiteBucketName
159+
Source:
160+
Type: CODEPIPELINE
161+
BuildSpec: !Sub |
162+
version: 0.2
163+
phases:
164+
install:
165+
commands:
166+
- npm i npm@latest -g
167+
- pip install --upgrade pip
168+
- pip install --upgrade awscli
169+
pre_build:
170+
commands:
171+
- npm install
172+
build:
173+
commands:
174+
- npm run build
175+
post_build:
176+
commands:
177+
- aws s3 sync ./dist $S3_BUCKET --grants read=uri=http://acs.amazonaws.com/groups/global/AllUsers
178+
TimeoutInMinutes: 50
179+
Pipeline:
180+
Type: AWS::CodePipeline::Pipeline
181+
DependsOn: SiteBucket
182+
Properties:
183+
RoleArn: !GetAtt CodePipelineRole.Arn
184+
Stages:
185+
- Name: Source
186+
Actions:
187+
- InputArtifacts: []
188+
Name: Source
189+
ActionTypeId:
190+
Category: Source
191+
Owner: ThirdParty
192+
Version: '1'
193+
Provider: GitHub
194+
OutputArtifacts:
195+
- Name: SourceArtifacts
196+
Configuration:
197+
Owner: !Ref GitHubUser
198+
Repo: !Ref GitHubRepo
199+
Branch: !Ref GitHubBranch
200+
OAuthToken: !Ref GitHubToken
201+
RunOrder: 1
202+
- Name: Deploy
203+
Actions:
204+
- Name: Artifact
205+
ActionTypeId:
206+
Category: Build
207+
Owner: AWS
208+
Version: '1'
209+
Provider: CodeBuild
210+
InputArtifacts:
211+
- Name: SourceArtifacts
212+
OutputArtifacts:
213+
- Name: DeploymentArtifacts
214+
Configuration:
215+
ProjectName: !Ref CodeBuildDeploySite
216+
RunOrder: 1
217+
ArtifactStore:
218+
Type: S3
219+
Location: !Ref PipelineBucket
220+
Outputs:
221+
PipelineUrl:
222+
Value: !Sub https://console.aws.amazon.com/codepipeline/home?region=${AWS::Region}#/view/${Pipeline}
223+
Description: CodePipeline URL
224+
SiteUrl:
225+
Value: !GetAtt [SiteBucket, WebsiteURL]
226+
Description: S3 Website URL

0 commit comments

Comments
 (0)