マッシュアップページを作ってみるその4

前回の続きです。Google,Yahoo!,Live Search用の検索クラスを作ったところから。

これらを使って一気に検索して表示するだけのページをつくってみた。
今回は、単純に3サーチエンジンを順に検索してHTMLを生成し連結しているだけのものです。

<?php
/**
 * Google, Yahoo, Live Searchを検索するクラス
 *
 */
class mixedSearch
{
	public $offset = 0;
	public $num = 10;

private $googleSearch;
	private $liveSearch;
	private $yahooSearch;

private $query = "";
	
	private $htmls = array("","","");
	protected $resultHtml = "";

/**
	 * コンストラクタ
	 */
	function __construct()
	{
		require_once 'WebSearch/LiveSearch.php';
		require_once 'WebSearch/YahooSearch.php';
		require_once 'WebSearch/GoogleSearch.php';

$this->googleSearch = new GoogleSearch();
		
		$this->yahooSearch = new YahooSearch();
		
		$this->liveSearch = new LiveSearch();
	}
	
	/**
	 * Google, Yahoo, Live Searchをまとめて検索
	 */
	public function search($query)
	{
		$this->query = $query;

for($i = 0;$i < 5;$i++) {
			$result = array();
			 
			array_push($result, $this->googleSearch->search($this->query, $this->offset, $this->num));
			array_push($result, $this->yahooSearch->search($this->query, $this->offset, $this->num));
			array_push($result, $this->liveSearch->search($this->query, $this->offset, $this->num));
			
			$this->makeResultHTML($result);
			
			$this->offset += $this->num;
		}
	}
	
	/**
	 * 結果をHTMLで返します
	 */
	public function getResult()
	{
		$html = '<div class="result">' . "\n";

$i = 0;
		foreach($this->htmls as $res) {
			$html .= '<div id="result' . $i . '">';
			$html .= '<h2>';
			if($i == 0) {
				$html .= $this->googleSearch->getName();
			}
			else if($i == 1) {
				$html .= $this->yahooSearch->getName();
			}
			else if($i == 2) {
				$html .= $this->liveSearch->getName();
			}
			$html .= "</h2>\n";
			$html .= "<ul>\n";

$html .= $res;
			
			$html .= "</ul>\n";
			$html .= "</div>\n";
			$i++;
		}
		$this->resultHTML = $html;

return $this->resultHTML;
	}
	
	/**
	 * 検索結果からHTMLを作成します
	 */
	private function makeResultHTML($results)
	{
		$i = 0;
		foreach($results as $result) {
			$html = "";
			foreach($result->result as $res) {
				$html .= "\t". '<li style="border: 1px solid #ffffff;">' . "\n";
				$html .= "\t\t" . '<div class="result_title">';
				$html .= '<a href="' . $res->url . '">';
				$html .= $res->title . "</a></div>\n";
				
				$html .= "\t\t" . '<div class="result_summary">';
				$html .= moji_cut($res->description, 120) . "</div>\n";
				
				$html .= "\t\t". '<div class="result_url">';
				$html .= moji_cut($res->url, 50) . "</div>\n";
				
				$html .= "\t</li>\n";
			}
			
			$this->htmls[$i] .= $html;
			$i++;
		}
	}
}

function moji_cut($str, $maxlen){
    //末尾の空白＆改行コード除去
    $new_str=trim($str);
    //エンティティ変換
    $new_str = htmlspecialchars($new_str);
    //指定文字数でカットし、省略マークを挿入
    if(strlen($new_str) > $maxlen){
        $new_str=mb_substr($new_str, 0, $maxlen);
        $new_str.="...";
    }
    return $new_str;
}

実際に表示するPHPはこちら。至って、単純。

<?php
require_once 'class/3search.class.php';

$sarcher = NULL;

// queryがポストされてたら、検索する。
if($_POST['query']) {
	$searcher = new mixedSearch();
	
	$searcher->search($_POST['query']);
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<style type="text/css" media="screen">
.result #result0  { float:left; width: 33%; }
.result #result1  { float:left; width: 33%; }
.result #result2  { float:left; width: 33%; }
.result h2 {
    text-align: center;
    font-size: 16px;
    margin:10px 30px;
    border-bottom:1px solid #3399cc;
}

.result li{
    padding: 5px;
    margin: 5px;
    line-height:120%;
    border: 1px solid #fff;
    list-style-type: none;
}

.result .result_title   { font-size: 14px; }
.result .result_title  a{ text-decoration: underline; }
.result .result_meta    { font-size: 12px; color:#777; }
.result .result_summary { font-size: 12px; }
.result .result_url     { font-size: 12px; color:#080; }
.result .result_rank    { visibility:hidden; text-align: right; }

</style>

<title>3search</title>
</head>
<body>
<div id="form" style="text-align:center;">
<form action="3search.php" method="post">
検索語: <input type="text" name="query" value="" /> <input type="submit" name="sumbit" id="sumbit" value="検索" />
</form>
</div>
<div id="result">
<?php
	if($searcher) {
		print $searcher->getResult();
	}
?>
</div>
</body>
</html>

いちおう、ソースを置いておいた。今のところ、特にライセンスも設けないので、自由に使ってかまわないが、あまりいいソースではないんで、表立って使うのはやめましょう(苦笑)。
なお、ソースは予告なく消したり改変したりする可能性があります。

[3search.zip]

一応、自宅のlinuxサーバーに設定して動作確認済みだったが、どうせなら動くものを公開した方がいいと思い、さくらのレンタルサーバーの方にも設置する事にした。その為に、まずはPHP5をインストールする事とした。さくらのレンタルサーバーへのPHP5のインストールは、以下のサイトを参考にしました。

ただ、今回このままconfigureしたら、soapがインストールされませんでした。結局、以下のようにしたら、soapもインストールされました。

>./configure --prefix=$HOME/php --with-config-file-path=$HOME/php/ \
--program-suffix=5  --with-pear=$HOME/php/pear --enable-force-cgi-redirect \
--enable-mbstring=all --enable-mbregex  --with-mysql \
--with-openssl=/usr --enable-soap --with-zlib=/usr \
--with-gd=/usr/local --with-jpeg-dir=/usr --with-freetype-dir=/usr \
--with-ttf --with-png-dir=/usr --with-curl --enable-calendar

今回作成した、Google,Yahoo!,Live Searchを単純に同時検索するページはいかで動作しています。

http://labs.s-koichi.info/mashup/3search/3search.php

さすがに、このままじゃ使い勝手が悪いし、結果が出るまでに時間がかかってしまうんで、次回はAjaxを使って検索結果を表示させるようにしてみようと思っています。

←押すと一票入ります。