- \n
- Git<\/li>\n
- Aws Cli tool<\/li>\n<\/ul>\n
Initializing a Git repository on your existing Project :<\/strong><\/p>\n
If you already have a git repository for your project then you may skip this step , else initialize a git repo on your project :<\/p>\n
[shell]
\ncd \/opt\/testweb
\ngit init .
\n[\/shell]<\/p>\nCreating\u00a0 a hook to automatically upload the website<\/strong><\/p>\n
Here we’ll write a \u201cpost-receive\u201d hook , which executes itself on the remote repository after all the refs have been updated. Hooks are located in the .git directory of your project under the hooks folder (.git\/hooks<\/strong>).<\/p>\n
Our post-receive hook looks somewhat like this :<\/p>\n
[shell]
\n# post-receive hook to upload to s3 bucket
\n#!\/bin\/bash
\nset -e
\nPROJ_DIR=$(dirname $PWD)
\nunset GIT_DIR
\ncd $PROJ_DIR
\n# Specify here , the branch whose code should be pushed to the bucket
\ngit checkout prod
\n# aws cli command to sync the code
\naws s3 sync $PROJ_DIR s3:\/\/my-first-website –delete –exclude ".git\/*"
\ngit checkout master
\n[\/shell]<\/p>\nFew points to note here :<\/p>\n
- \n
- You need to specify the branch here whose code should be pushed to the bucket.<\/li>\n
- I am using sync command , so that update and delete happens accordingly to your working directory.<\/li>\n
- and the .git directory is excluded<\/li>\n
- Don’t forget to give executable permission to your hook.<\/li>\n<\/ul>\n
Let’s Test it out !!!<\/strong><\/p>\n
For this blog, I have a simple html page as soon below hosted on my S3 bucket, which I’ll later update with a template :<\/p>\n
![\"html_page\"](\"\/blog\/wp-ttn-blog\/uploads\/2014\/02\/ComingSoon.png\")
<\/a><\/p>\nLet’s clone the project into some other directory .<\/p>\n
[shell]git clone file:\/\/\/opt\/testweb mywebsite[\/shell]<\/p>\n
After adding and committing new code files in the repo , Let’s push the changes to the \u201c prod \u201c branch of the server :<\/p>\n
[shell]git push origin master:prod[\/shell]<\/p>\n
with this our hook will also get executed and on the terminal you would notice that the hook is uploading your files on your bucket :<\/p>\n
![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2014\/02\/prod.png\")
<\/a><\/p>\nNow Lets check the index.html page on our S3 bucket :<\/p>\n