1 SETUP
1.1 ENVIRONNMENT SETUP
Connect to your Linux Virtual Machine (Username and password have been provided by email)
Your user and password should have been already created.
• User: #firstname
• Password: #Password sent by email
• IP : #IP sent by email
1.2 CREATE A DEDICATED DIRECTORY
a) Create the directory /opt/tp2
cd /opt
sudo mkdir tp2
sudo chown #firstname tp2
cd tp2
1.3 MONGODB SETUP
a) Install and start the mongodb database
sudo apt update
sudo apt install -y mongodb
sudo systemctl start mongodb
b) Update mongodb configuration to listen via 0.0.0.0
Update the file /etc/mongodb.conf
sudo sed -i 's/^bind_ip.*/bind_ip=0.0.0.0/' /etc/mongodb.conf
sudo systemctl restart mongodb
1.4 UPDATE /ETC/ENVIRONMENT
a) Update the file « /etc/environment » to create a new environment variable ENV_MONGO_IP
with the ip of your server
sudo sed -i -n -e '/^export ENV_MONGO_IP=/!p' -e '$aexport ENV_MONGO_IP=#IP' /etc/environment
source /etc/environment
1.5 GET THE SOURCE CODE OF MRIT-TP2
a) From /opt/tp2, perform a git clone
git clone https://gitlab.com/fsanys/mrit-tp2.git
cd mrit-tp2
b) Install python3 dependencies
cd backend
pip3 install -r requirements.txt
2 BACKEND UPDATE
2.1 LAUNCH THE APPLICATION
• Start the backend application
python3 app.py
Keep this command running in order to keep running the application.
2.2 TEST WITH YOUR BROWSER
Connect with your the browser to this URL:
http://#IP:8080/movies
You should get a result like this:
2.3 PERFORM REQUEST VIA CURL
Connect with a second SSH session to the server (Don’t stop the one running “python3 app.py”)
• Verify the list of movies (GET)
curl -i -H "Accept: application/json" -H "Content-Type: application/json" -X GET
http://localhost:8080/movies
• Add a new movie with a specific note (POST)
curl -i -H "Accept: application/json" -H "Content-Type: application/json" -X
POST http://localhost:8080/movies -d '{"title":"snatch","rate":20}'
• Verify that the movie has been added to the list (GET)
curl -i -H "Accept: application/json" -H "Content-Type: application/json" -X GET
http://localhost:8080/movies
You could also verify from your browser :
Get the movie’s ID you have created. You will use this ID to update the note
• Modifiez la note (PUT)
curl -i -H "Accept: application/json" -H "Content-Type: application/json" -X PUT
http://localhost:8080/movies/#ID -d '{"title":"snatch","rate":17}'
You have manipulated an API to get and update the values.
3 MANIPULATION BACKEND
1 – Create a new entry with one of your favorite movie with a rate under 10 (You will update it in the
next step)
2 – Once the entry has been added, update the rate with a value above 10
3 – Create a second entry with one of your most disliked movie with a rate under 10
4 – Delete the movie “snatch” which has been created in the part “Backend Update”
5 – TO TO PROVIDE (Report) - Take a screenshot of your browser with the URL (IP) - include it in
your report
4 CONNECT A FRONTEND TO THE BACKEND
We have now a database that stores the data and a backend API that publish some routes to get and
update the values. Now we will set a frontend with vue.js.
We will keep the backend running (python3 app.py) and launch a new terminal (Putty) to launch the
frontend. Perform these actions with a new terminal :
• Upgrade Node to version 10
cd /tmp
curl -sL https://deb.nodesource.com/setup_10.x -o nodesource_setup.sh
chmod +x nodesource_setup.sh
sudo ./nodesource_setup.sh
sudo apt-get install -y nodejs
• Install yarn
sudo npm install yarn --global
• Go to the frontend directory
cd /opt/tp2/mrit-tp2/frontend
• Install the dependencies
sudo chown -Rf $LOGNAME ~/.config
yarn install
• Launch the frontend
yarn serve --port 8081
With your browser navigate to the URL : http://#IP:8081
You should get a result like this:
