Web APIの呼び出し
Web APIが提供されているサービスをRESTで呼び出してXMLの結果をXSLTでHTML変換して表示することができます。
コマンドの登録画面で、タイプを「Web API」にします。
Web APIの設定のタイトルをクリックすると、XSLTのテンプレートが入力できます。
XSLT
Web APIを呼び出すと下記のようなXMLが戻ってきます。
<?xml version="1.0" encoding="UTF-8"?>
<results xmlns="http://webservice.recruit.co.jp/akasugu/">
<api_version>1.00</api_version>
<results_available>1</results_available>
<results_returned>1</results_returned>
<results_start>1</results_start>
<item>
<code>00286</code>
<company>(株)カトージ</company>
<brand>
</brand>
<name>ベビーバウンサーBFミルキーイエロー</name>
<price>9800</price>
<catch_copy>人気の「ブラウンファーム」がシンプルなデザインで登場</catch_copy>
<desc>お部屋でのシーンには欠かせないバウンサー。人気のブラウンファ...</desc>
<image>
<pc>http://akasugu.net/baby/goods/photo/A0706/m_A070600CB46F6_m.jpg</pc>
</image>
<large_category>
<code>2</code>
<name>ベビー&キッズ</name>
</large_category>
<middle_category>
<code>212</code>
<name>ベッド・家具・寝具</name>
</middle_category>
<small_category>
<code>212002</code>
<name>バウンサー・ベビーラック</name>
</small_category>
<urls>
<pc>http://akasugu.net/s/gd/00286/?vos=nxybapis000001</pc>
</urls>
</item>
</results>
戻ってきたXMLに対応するXSLTを下記のように作成します。
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:r="http://webservice.recruit.co.jp/akasugu/">
<xsl:template match="/">
<xsl:apply-templates/>
</xsl:template>
<xsl:template match="r:results">
<xsl:apply-templates select="r:item"/>
</xsl:template>
<xsl:template match="r:item">
<div class="service_item">
<div class="service_thumnail">
<a href="{r:urls/r:pc}" target="_blank"><img src="{r:image/r:pc}" width="128" /></a>
</div>
<div class="service_text">
<p class="service_name"><a href="{r:urls/r:pc}" target="_blank"><xsl:value-of select="r:name"/></a></p>
<p class="service_help"><xsl:value-of select="r:desc"/></p>
<p class="service_info"><xsl:value-of select="r:price"/>円 <xsl:value-of select="r:company"/></p>
</div>
<br class="clear" />
</div>
</xsl:template>
</xsl:stylesheet>
XSLTには、パラメータを下記のように渡すことができます。
<xsl:param name="cmdurl"/> <xsl:param name="num"/>
cmdurlには、StartCommandで表示しているページのURLが入ります。 その他のパラメータは、コマンドのオプション名を指定することができます。
| < エイリアスで別名設定 | RSSフィードの表示 > |
|---|
