#目的
出品している楽天市場の商品をまとめたオリジナルのSALEページを作りたい。
取得する情報
・商品名
・画像
・値段
・リンク先
##自分でしたこと
スクレイピングで取得できないかと思い調べていたところ楽天APIを見つけたのでこちらを私用することにしました。
jQueryを使用して作ってみました
HTML
1 2<script> 3 var itemName; 4 var itemUrl; 5 var itemImage; 6 var itemPrice; 7 var itemCode; 8 9 //取得したAPIをコンソールに表示 10 $.get("リクエストURL",{itemCode:"アイテムコード"},function(date){ 11 var jsonDate = date; 12 13 //パスはクロームから取るといい 14 var itemName = jsonDate.Items["0"].Item.itemName; 15 var itemUrl = jsonDate.Items["0"].Item.itemUrl; 16 var mitemImage = jsonDate.Items["0"].Item.mediumImageUrls["0"].imageUrl; 17 var itemImage = mitemImage.replace("?_ex=128x128",""); 18 var itemPrice = jsonDate.Items["0"].Item.itemPrice; 19 20 $("#item a").attr("href", itemUrl) 21 $("#item img").attr("src", itemImage) 22 $('#name').text(itemName) 23 $('#price').text(itemPrice + "円") 24 }); 25 26</script> 27 28<div id="item"> 29 <a href="" target="_blank"> 30 <img src=""> 31 <p id="name"></p> 32 <p id="price"></p> 33 </a> 34</div>
しかし問題点として
・複数表示させる際アイテムコードをそのつど検索しないとわからないため手間
・商品番号をキーワードとして検索すると違う商品も入る(同一検索できれば解決)例:検索b1 結果b123 b11 b1など
この問題に詰まっています。
楽天のGOLD上でしようするのである程度の自由は利きます。
よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー