django-angular2-fullstack-devops
All-in-one django/angular2 seed with cli interface for multi-environment devops on aws using ansible/packer/terraform.
Save weeks or even months of work!
Features
- Vagrant box
- Ansible playbook
- Devops cli interface
- Travis CI configurations
- Tests with code coverage
- Isolated frontend/backend projects
- Build virtual images with packer
- Launch infrastructure using terraform
- Central project variables configuration
- Jenkins pipeline workflow server (TODO)
Stack
Frontend
- Angular 2.0
- TypeScript 1.8
- Bootstrap 3.3
Backend
- Django 1.9
- PostgreSQL 9.4
- Django REST Framework 3.3
Requirements
The following are needed for building and deploying your infrastructure:
- Packer 0.9
- Terraform 0.7
- AWS account setup (Sign up, Configure access & local defaults)
Setup
$ git clone https://github.com/stphivos/django-angular2-fullstack-devops
$ cd django-angular2-fullstack-devops
$ vim vars # Edit project variables based on your project
$ ./devops setup # Equivalent to `vagrant up` the first time, except that it destroys and re-creates the machine
$ vagrant ssh # Log into the virtual machine. See all vagrant commands: https://www.vagrantup.com/docs/cli/Run
Frontend
$ cd frontend
$ npm startBackend
$ cd backend
$ ./manage.py runserverDevops
Build
The first time:
$ ./devops build dev # Calls commands below in the order shownFor building a specific project, either of the following can be run separately:
$ ./devops build dev backend # Uses packer/ansible to provision an amazon machine image (ami)
$ ./devops build dev frontend # Uses gulp to create a target environment distributionDeploy
The first time:
$ ./devops deploy dev # Calls commands below in the order shownAfter updating a specific component, either of the following can be run separately:
$ ./devops deploy dev core # Uses terraform to launch shared infrastructure such as vpc/gateway/subnets etc.
$ ./devops deploy dev rds # Uses terraform to launch a db instance on RDS
$ ./devops deploy dev backend # Uses terraform to launch an EC2 instance and load balancer for the backend api
$ ./devops deploy dev frontend # Uses aws-cli to upload the frontend static files to a bucket on S3Examples
Rebuild and deploy frontend for prod environment:
$ ./devops pipeline prod frontend # ~30 secondsRebuild and deploy backend for prod environment:
$ ./devops pipeline prod backend # ~7 minutesCredits
- Frontend seed - slightly modified version of mgechev/angular2-seed
- Ansible playbook for Django - based on jcalazan/ansible-django-stack