Angular, Flask, Mongodb, Nginx, Gunicorn dockerized together and working as expected, though need to work on improvements

Author: justmohan

README.md

@@ -26,5 +26,17 @@ Docker run image and ssh to the container and remove container on terminal Exit
 Dockercompose command to build and run the container
 `$ docker-compose up --build --detach`
 
-
+##### Create new mongodb user for the flask API to use
+```sh
+## Create DB name before calling the Flask APIs based on your docker-compose.yml file configuration at 'flask-api' service
+
+use mo
+db.createUser(
+ {
+ user: "test",
+ pwd: "test",
+ roles: [ { role: "readWrite", db: "mo" } ]
+ }
+)
+```
 

api/app.py

@@ -3,18 +3,16 @@
 from flask_cors import CORS
 from flask_restplus import Api, Resource, fields
 from flask_pymongo import PyMongo
-from werkzeug.contrib.fixers import ProxyFix
+from werkzeug.middleware.proxy_fix import ProxyFix
 
 app = Flask(__name__)
 app.wsgi_app = ProxyFix(app.wsgi_app)
 
 # MongoDB connection
 app.config["MONGO_URI"] = 'mongodb://' + os.environ['MONGODB_USERNAME'] + ':' + os.environ['MONGODB_PASSWORD'] + '@' + os.environ['MONGODB_HOSTNAME'] + ':27017/' + os.environ['MONGODB_DATABASE']
-print(os.environ)
+
 mongo = PyMongo(app)
 db = mongo.db
-print(db)
-CORS(app)
 
 api = Api(app, version='1.0', title='TodoMVC API',
  description='A simple TodoMVC API',
@@ -31,12 +29,12 @@
 @ns.route('/')
 class TodoList(Resource):
  '''Shows a list of all todos, and lets you POST to add new tasks'''
- @ns.doc('list_todos')
- @ns.marshal_list_with(todo)
+ # @ns.doc('list_todos')
+ # @ns.marshal_list_with(todo)
  def get(self):
  '''List all tasks'''
  _todos = db.todo.find()
-
+ print('SUdo')
  item = {}
  data = []
  for todo in _todos:
@@ -45,20 +43,18 @@ def get(self):
  'todo': todo['todo']
  }
  data.append(item)
-
  return jsonify(
- status=True,
+ # status=True,
  data=data
  )
 
- @ns.doc('create_todo')
  @ns.expect(todo)
  @ns.marshal_with(todo, code=201)
  def post(self):
  '''Create a new task'''
  data = request.get_json(force=True)
  item = {
- 'todo': data['todo']
+ 'todo': data['task']
  }
  db.todo.insert_one(item)
 
@@ -69,7 +65,7 @@ def post(self):
 
 
 if __name__ == '__main__':
- ENVIRONMENT_DEBUG = os.environ.get("APP_DEBUG", True)
- ENVIRONMENT_PORT = os.environ.get("APP_PORT", 5000)
+ ENVIRONMENT_DEBUG = os.environ.get("APP_DEBUG", False)
+ ENVIRONMENT_PORT = os.environ.get("APP_PORT", 7000)
  app.run(debug=ENVIRONMENT_DEBUG, port=ENVIRONMENT_PORT)
 

docker-compose.yml

@@ -16,11 +16,10 @@ services:
  APP_ENV: "prod"
  APP_DEBUG: "False"
  APP_PORT: 5000
- MONGODB_DATABASE: ai_evaluator 
- MONGODB_USERNAME: admin
- MONGODB_PASSWORD: mohan
+ MONGODB_DATABASE: mo 
+ MONGODB_USERNAME: test
+ MONGODB_PASSWORD: test
  MONGODB_HOSTNAME: mongodb
- AUTH_DB: ai_evaluator
  # Dont start flask until mongodb works
  depends_on:
  - mongodb
@@ -33,7 +32,7 @@ services:
  environment:
  MONGO_INITDB_ROOT_USERNAME: admin
  MONGO_INITDB_ROOT_PASSWORD: mohan
- MONGO_INITDB_DATABASE: ai_evaluator
+ MONGO_INITDB_DATABASE: admin
  MONGODB_DATA_DIR: /data/db
  MONDODB_LOG_DIR: /dev/null
  volumes:
@@ -53,16 +52,16 @@ services:
  volumes:
  - ~/docker_app/logs/nginx/:/var/log/nginx
 
- # web_app:
- #  image: webapp_img
- #  container_name: angular_app
- #  restart: unless-stopped
- #  build: 
- #  context: web
- #  volumes:
- #  - ~/docker_app/logs/webapp:/var/log/nginx
- #  ports:
- #  - '80:80'
+ web_app:
+ image: webapp_img
+ container_name: angular_app
+ restart: unless-stopped
+ build: 
+ context: web
+ volumes:
+ - ~/docker_app/logs/webapp:/var/log/nginx
+ ports:
+ - '80:80'