TODO:
- VueJS Frontend
FlaskMicroService
Flask RestFULL API, mongodb, gunicorn, docker + VueJS Frontend
Backend
Install mongodb
apt-get install mongo-db
to make sure is installed:
$ mongo --version
MongoDB shell version v3.6.3
git version: 9586e557d54ef70f9ca4b43c26892cd55257e1a5
OpenSSL version: OpenSSL 1.1.0g 2 Nov 2017
allocator: tcmalloc
modules: none
build environment:
distarch: x86_64
target_arch: x86_64
MongoDB shell version v3.6.3
git version: 9586e557d54ef70f9ca4b43c26892cd55257e1a5
OpenSSL version: OpenSSL 1.1.0g 2 Nov 2017
allocator: tcmalloc
modules: none
build environment:
distarch: x86_64
target_arch: x86_64
Virtual env
virtualenv -p python3 venv
source venv/bin/activate
pip install -r requirements_dev.txt
source venv/bin/activate
pip install -r requirements_dev.txt
Mongo DB
Make sure no other instance of mongo is running:
sudo service mongodb stop
Launch mongo as:
mongod --dbpath=./data/db --smallfiles
Load some initial data:
python db/load.py
Tests
Make sure the tests pass:
pytest -vs
Production
Install the requirements production.
pip install -r requirements_prod.txt
Launch the flask service with gunicorn, e.g.:
gunicorn -w 2 --bind 0.0.0.0:8000 app.wsgi:app
Docker
cd backend/
#
docker-compose up --build
# See containers running
docker ps
# Test it in the browser:
# http://localhost:8080/books
#
docker-compose up --build
# See containers running
docker ps
# Test it in the browser:
# http://localhost:8080/books
** Test with curl **
# Get all books
curl -X GET http://localhost:8080/books
# Get book 101
curl -X GET http://localhost:8080/books/101
# NOT WORKING! See https://gist.github.com/subfuzion/08c5d85437d5d4f00e58
# Create book
curl -H "Content-Type: application/json" -X POST http://localhost:8080/books \
--trace-ascii /dev/stdout \
-d @- << EOF
{"book": {
"id": 10001,
"title": "Test Book",
"isbn": "1234",
"pageCount": 520,
"publishedDate": "2000-08-01T00:00:00.000-0700",
"thumbnailUrl": "http://www.test.com/test.jpg",
"longDescription": "",
"status": "PUBLISH",
"authors": [
"Jonh Doe"
],
"categories": [
"Test 1",
"Test 2",
]
}}
EOF
#
curl -X GET http://localhost:8080/books
# Get book 101
curl -X GET http://localhost:8080/books/101
# NOT WORKING! See https://gist.github.com/subfuzion/08c5d85437d5d4f00e58
# Create book
curl -H "Content-Type: application/json" -X POST http://localhost:8080/books \
--trace-ascii /dev/stdout \
-d @- << EOF
{"book": {
"id": 10001,
"title": "Test Book",
"isbn": "1234",
"pageCount": 520,
"publishedDate": "2000-08-01T00:00:00.000-0700",
"thumbnailUrl": "http://www.test.com/test.jpg",
"longDescription": "",
"status": "PUBLISH",
"authors": [
"Jonh Doe"
],
"categories": [
"Test 1",
"Test 2",
]
}}
EOF
#
Front end
Instalation
Assuming that nodejs is installed:
sudo npm install -g @vue/cli
Type:
$ vue --version
3.7.0
You should have something similar to this.
To create a new project
vue create flask-example
Select:
- Babel
- Router
- VueX
- Linter
- Unit Testing
All the rest default