楽天ウェブサービスAPIを使って、ふんどし専門店を作ってみたよ橋本技研ブログ売れるホームページ研究所、橋本技研の技術系備忘録ブログ。ショッピングカートシステムの制作などが得意です。ネットショップのプログラミング先日、友人と話していたら、「楽天の商品を自動的に検索してサイトで紹介する方法ってないかな?」と聞かれたので、ちょっと調べてみました。思ったよりも簡単で、1時間程で出来上がりましたよ。ちなみに、今回作ったサイトはこちらです。利用する楽天ウェブサービスを使えばいいみたいなんかAPIみたいなのがないかなと検索してみたら、ありました。そのものズバリの機能が、楽天から提供されていました。楽天ウェブサービスまず始めに「アプリID]というのを発行する必要があるようです。すると楽天会員のログイン画面が表示されるので、すでに楽天会員であればログインし、そうでなければ新規登録してください。僕は、楽天からスパムのようなメールがわんさかと届くのが鬱陶しいので、専用のメールアドレスを作って新規登録しました。新規アプリ登録ページから、アプリの登録をします。楽天APIを使ったウェブサイトやスマホアプリなどを総称して「アプリ」と読んでるんでしょうかね。何の説明もなく「アプリ」なんて言われると、「え?アプリを作るわけじゃないんだけど」とここで離脱してしまう人がいるかも知れませんね。アプリの名称やURLを入力して、ささっと登録してしまいましょう。これらの情報は後から変更することも可能ですので、あまり悩む必要はありませんよ。今回は「ふんどし」専門店を作ってみることにしました。アプリ名を「ふんどし」として、サイトのURLを入力します。今回はOAuthは使いませんので、アプリ名とURLのみでOKです。アプリの登録が完了すると、楽天APIを使用する際に必要な情報が表示されますので、コピペしておきましょう。アフィリサイトのHTMLを作るブログの中で使えると嬉しいという人が多いと思いますが、ブログサービスごとに様々な制約があって面倒ですので、ここでは普通のHTMLのページを作りたいと思います。API」というのを使うことにしましょう。キーワード・商品コードでの商品検索をはじめ、ショップ別・ジャンル別の絞込み検索も可能なAPIです。APIテストフォームを使えば、実際にどのような商品を抽出できるのか、確認することが出来ます。以上のようにパラメータを設定したら、青い「GET」ボタンを押しましょう。するとjson形式のデータが帰ってきます。うおお、まさか3368点もヒットするとはwww。関係のない商品も含まれているようです。男性用」に変更すると260点になりました。男性用」でいきましょう。URLという項目に、今検索したリクエストURLが表示されますので、コピペしておきましょう。このURLをコールすれば、検索結果がjson形式で返ってくるわけです。利用するAngular.jsを使えば、簡単に実装できそうですね。楽天APIをコールして、戻ってきたjsonデータをHTMLにバインドしてやればOKです。バージョンは1.2.28としました。使用して見栄えを整えます。以下のHTML1ページのみですべての機能を実装してみました。APIを呼び出す$scope.callAPI()});</script></body></html>84行目:APIのURLを指定します。リクエストURLの「?」より前の部分になります。85行目:アプリケーションIDを指定します。86行目:アフィリエイトIDを指定します。89行目:検索キーワードを指定します。92行目:1ページに表示する商品数を指定します。109行目:APIを呼び出す際のパラメータ。パラメータの意味はこちら。サンプルページはこちらです。決定版!男のふんどし特集さらに、検索キーワードを変更すれば女性用にもなります。決定版!女のふんどし特集もちろん、ふんどしに関する情報を充実させていかないと、検索エンジンにヒットしませんので、売り上げを作ることは難しいと思いますが、たったこれだけのコードで商品のピックアップが実現できるなんて、本当に便利な時代になったものです。bagooon橋本たかし★ホームページの制作(デザイン・コーディング・プログラミング)に加え、ネットショップの販売促進に関するアドバイスも致します。20年以上に渡って実際にネットショップを運営した経験を生かし、聞きかじりではない実績を伴ったノウハウを、自分の言葉でお伝えいたします。プログラミングの経験は30年以上。PHP、Ruby、Perl、JavaScript、Vue、Nuxt.JS、MySQL、Elasticsearch、サーバー構築、Dockerなど、幅広く対応します。B2】6月19日出荷分から「配達時間帯」の指定枠が変わるので、B2の仕様変更についてヤマト運輸に問い合わせてみたネットでも話題になりましたが、ヤマト運輸の配達時間帯の指定枠が2017年6月19日発送分から変わります。「12時~14時」→廃止...記事を読むPHPから出力したHTMLから、javascriptにデータ(連想配列)を引き渡す方法PHPの連想配列をJavascriptに引き渡す方法についての記事です。瞬時に検索できるようになった。改元アニバーサリーの10連休中に、いつか勉強してみたいと思っていた、検索専用DBについて調べて、いろいろ遊んでみました。僕が独立す...記事を読むショップ宛の注文メールが届かない!トラブルの原因はDMARCでしたショッピングカートで注文を受けた際に、お客様には自動配信メールが届いているのに、お店にはメールが届かないというトラブルが発生しました。