weather 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 to ./keys.jsに名前を変更し、GoogleマップJavaScript APIキーを追加します。このAPIキーは、Googleマップ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ガイドとvue-roaderのドキュメントをチェックアウトしてください。

で構築されています

• Vue.js
• ダークスカイAPI
• GoogleはJavaScript APIをマッピングします
• Google Geocoding API
• GoogleはAPIを配置します

ライセンス

このプロジェクトはMITライセンスに基づいてライセンスされています - 詳細については、license.mdファイルを参照してください