SOA Homework
All APIs can return a result in either JSON or XML format, read API Doc and checkout samples for more info.
Notice
Read Dockerfile.api and Dockerfile.web, you can remove or change gem and npm mirrors
Read docker-compose.yml and setup environment variables!
All data comes from the the Internet and make sure it can be accessed from your country!
You must setup API Keys for
- openweathermap.org
- newsapi.org
- aqicn.org
Usage
docker-compose up
then open http://localhost:8080
Screenshot
Notice
Meshup
Failure
Design and Implementation
Backend
Based on sinatra.rb (Ruby)
backend/app/services contains upstream API services
backend/app/routes contains our own API services
Frontend
Based on Vue (Typescript)
frontend/src/api/api.ts contains utils to request our own API services
frontend/src/components/Meshup.vue contains our UI layout and its own business logic
Dataflow
A user acquires static pages
request
End user -----------> Server
(Browser) <----------- (Web Service)
static pages
A user queries a city
request request
Our code -----------> Server -----------> Upstream APIs
(Browser) <----------- (API Service) <----------- (API Service)
gathered data sparse data