weather vue

날씨 vue

vue.js를 사용하는 날씨 앱, Google지도 지오 코딩 및 다크 하늘.

시작하기

 # 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 백엔드는 노드와 Express를 사용하는 REST API입니다. 이 프로젝트에 서브 모듈로 포함되어 있으며 ./api 에 위치합니다. 리포는 여기에서 찾을 수 있습니다. 이 백엔드 API는 Google의 지리적 위치 데이터와 Dark Sky의 날씨 데이터를 가져와 Weather Vue 앱으로 반환합니다.

./api/keys.js.example ./api/keys.js 로 바꾸고 Dark Sky API 및 Google GeoCoding API 키를 추가하십시오.

설정 설정

./keys.js.example ./keys.js 로 바꾸고 Google지도 JavaScript API 키를 추가하십시오. 이 API 키는 Google Maps JavaScript API를 사용하는 백그라운드 맵 용입니다. prod 키는 프론트 엔드 코드에 노출되므로 HTTP 참조자가 생산 URL의 요청 만 허용하도록 제한해야합니다. Google API 콘솔에서 수행 할 수 있습니다. dev 키는 생산 코드에 포함되지 않으므로 동일한 제한이 필요하지 않습니다.

 # 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 Guide 및 Vue-Loader의 문서를 확인하십시오.

구축

• vue.js
• 다크 스카이 API
• Google 매핑 JavaScript API
• Google Geocoding API
• Google은 API를 배치합니다

특허

이 프로젝트는 MIT 라이센스에 따라 라이센스가 부여됩니다. 자세한 내용은 License.md 파일을 참조하십시오.