weather vue

Wetter Vue

Wetter -App mit Vue.js, Google Maps Geocoding und Dark Sky.

Erste Schritte

 # clone repo and API submodule
git clone https://github.com/krestaino/weather-vue.git --recursive

# to fetch submodule if already cloned without the `--recursive` flag
git submodule update --init

API -Backend

Das API -Backend für dieses Projekt ist eine REST -API mit Knoten und Express. Es ist in diesem Projekt als Submodul enthalten und befindet sich in ./api . Das Repo kann hier gefunden werden. Diese Backend -API holt Geolokationsdaten von Google und Wetterdaten vom Dark Sky ab und gibt sie in die Wetter -Vue -App zurück.

Benennen ./api/keys.js.example to ./api/keys.js und fügen Sie Ihre Dark Sky API und Ihre Google Geocoding -API -Schlüssel hinzu.

Setup erstellen

Nennen Sie ./keys.js.example in ./keys.js und fügen Sie Ihre Google Maps JavaScript -API -Schlüssel hinzu. Dieser API -Schlüssel ist für die Hintergrundkarte, die die Google Maps JavaScript -API verwendet. Der prod -Schlüssel ist in Ihrem Frontend -Code freigelegt. Stellen Sie daher sicher, dass Sie den HTTP -Empfehler einschränken, um nur Anforderungen Ihrer Produktions -URL zuzulassen. Dies kann in der Google API -Konsole erfolgen. Der dev ist nicht im Produktionscode enthalten, sodass nicht die gleichen Einschränkungen erforderlich sind.

 # install dependencies
npm install

# serve with hot reload at localhost:8080 and API at localhost:3000
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

Ausführliche Erläuterungen, wie die Dinge funktionieren, finden Sie in der Vue.js-Webpack-Handbuch und den Dokumenten für Vue-Loader.

Gebaut mit

• Vue.js
• Dark Sky API
• Google Maps JavaScript API
• Google Geocoding API
• Google platziert die API

Lizenz

Dieses Projekt ist unter der MIT -Lizenz lizenziert - finden Sie in der lizenz.md -Datei für Details