search

Higakinn / EDAR

EDAR [Easily decide on a restaurant]
0 stars 1 forks source link

isuue7: 位置情報より飲食店を表示させる。 #12

Closed Yuki-TU closed 3 years ago

Yuki-TU commented 3 years ago

issue

7

概要

RestaurantList.tsxに現在地よりレストランのおすすめを表示するコンポーネントを記載。 RestaurantList.tsx内にRestaurantListクラスが記載してあり、 位置情報を取得するメソッド、お店の情報を取得するメソッドに分けて記述している。

飲食店取得APIについて

ホットペッパーのAPIにアクセスする際、CORS(オリジン間リソース共有 )に関してエラーが生じた。 これに対して、herokuのサーバーを仲介させ、自身の開発サーバーへのアクセスを許可することで解決。

使用方法

1.「 現在地よりお店を検索」を押す。

  1. お店の一覧情報が並ぶ。APIが取得できなければ各項目（位置情報、お店情報取得）エラー表示する。

注意事項

使用前にsrc/edar/直下に.envファイルを置くこと。

API

  1. ホットペッパー https://webservice.recruit.co.jp/doc/hotpepper/reference.html
  2. 位置情報API https://developer.mozilla.org/ja/docs/Web/API/Geolocation_API
Higakinn commented 3 years ago

Readmeに起動手順などを記述しておくとよいと思いました。 (このリポジトリをクローンした人がReadMeをみればわかるようにしておきたい)

参考例

起動手順

$ cp .env.exmple .env
$ docker-compose up -d --build
Higakinn commented 3 years ago

Readmeに起動手順などを記述しておくとよいと思いました。 (このリポジトリをクローンした人がReadMeをみればわかるようにしておきたい)

参考例

起動手順

  • .env.exampleファイルに必要な環境変数を設定
$ cp .env.exmple .env
$ docker-compose up -d --build

6783309　対応済み