weather vue

Погода Vue

Приложение погоды с использованием vue.js, Google Mars Geoocoding и Dark Sky.

Начиная

 # 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 Бэкэнд

Бэкэнд API для этого проекта - API REST с использованием Node и Express. Он включен в этот проект в качестве подмодуля и расположен в ./api . Репо можно найти здесь. Этот бэкэнд API получает данные о геолокации из Google и погодных данных из Dark Sky и возвращает их в приложение Weather Vue.

Переименовать ./api/keys.js.example to ./api/keys.js и добавьте свой API Dark Sky API и Google Geoocoding API.

Настройка сборки

Переименовать ./keys.js.example to ./keys.js и добавьте свои клавиши Google Maps JavaScript API. Этот ключ API предназначен для фоновой карты, которая использует Google Maps JavaScript API. Ключ prod обнажается в вашем коде -фронта, поэтому убедитесь, что вы ограничиваете реферал HTTP разрешать только запросы с вашего производственного URL. Это можно сделать в консоли Google API. dev Key не включен в производственный код, поэтому он не нуждается в таких же ограничениях.

 # 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

Для получения подробного объяснения того, как все работает, проверьте руководство vue.js Webpack и документы для Vue-Loader.

Построен с

• Vue.js
• Dark Sky API
• Google Maps JavaScript API
• Google Geoocoding API
• Google помещает API

Лицензия

Этот проект лицензирован по лицензии MIT - для получения подробной информации см.