質問するログイン新規登録

Q&A

0回答

668閲覧

laravelでホットペッパーAPIを使った処理がうまくいかない

Ichiro08

総合スコア8

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

0グッド

0クリップ

投稿2021/01/02 03:30

0

0

解決したいこと

laravel+Vue.jsでホットペッパーAPIを使って簡単比較サイトのようなものを作っています。

参考記事
↑
このPHP+Javascript+Vue.jsを使っている記事を参考にlaravel+Vue.jsで作っているのですが、うまく作動しません。
この記事の中の最後の方にある「最終 完成版ソース」というところのコードを使わせて頂いています!

解決方法を教えて下さい。

laravelで出ているエラー
↓
イメージ説明

laravelではなくローカルのPHPで試した結果。うまく作動してない様子。Vueは動いているようです。
↓
イメージ説明

controllerでの処理
↓
イメージ説明

keywordは定義せずにinputに入力されたものが格納される処理になるんじゃないかと思っているのですが。。
axios.post(【PHPファイルのパス】~~~~~~)のところで送られる処理になっていると思うのですが、
ここが間違っているのか、controllerでの処理が間違っているのかわかりません。

動作はするコードならうまくいきますが、inputの値とは関係なくなってしまいます。。。焼き肉だけしかはいらない。

laravel

1 public function test2(){ 2 $keyword = $_POST['keyword'] ? $_POST['keyword'] : ''; 3 $lat = $_POST['lat'] ? $_POST['lat'] : ''; 4 $lon = $_POST['lon'] ? $_POST['lon'] : ''; 5 $range = $_POST['range'] ? $_POST['range'] : ''; 6 7 $baseurl = 'https://webservice.recruit.co.jp/hotpepper/gourmet/v1/'; 8 return [ 9 'key' => 'APIキーは伏せさせて頂きます', 10 'format' => 'json', 11 'keyword' => $keyword, 12 'count' => 100, 13 'lat' => $lat, 14 'lng' => $lon, 15 'range' => $range, 16 ]; 17 $url = $baseurl . '?' . http_build_query($params, '', '&'); 18 19 // リクエストを送り結果を取得 20 $result = file_get_contents($url); 21 22 // 結果を出力 23 header("Content-Type: text/javascript; charset=utf-8"); 24 echo $result; 25 26 exit(); 27 28 return view('home.test2', compact('keyword', 'lat', 'range','lon','result','params')); 29 } 30

考えられる予想

・処理やパスが間違っている
・そもそもlaravelでできない
・axiosのCDNが読み込めていない
・controllerでのコードが間違っている

質問の仕方もわかりにくいとは思うのですが、よろしくお願い致します!!!

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.25%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問