PHP と AJAX で高度な RSS アグリゲーターを作成する (1)_PHP チュートリアル-PHPチュートリアル-php.cn

PHP と AJAX で高度な RSS アグリゲーターを作成する (1)_PHP チュートリアル

WBOY

リリース： 2016-07-15 13:23:45

オリジナル

922 人が閲覧しました

一、引言

现在，开发一个RSS聚合器已经不再是困难的事情，但是开发一个高质量的RSS聚合器却仍然存在相当的难度。另一方面，创建一个定制聚合器一般不是很难，并且在这种聚合器内能够提供一个你自己选择的接口。RSS聚合代表了一类特别适合于一个AJAX应用程序所消费的数据，这是因为:它是XML格式的，并且AJAX能够良好地显示新的回馈而不必进行页面刷新。然而问题总是存在:在一个标准的AJAX引擎中实现跨域的AJAX请求是不可能的。在本文中，我将向你展示如何利用一个很简单的PHP函数来桥接AJAX引擎和远程内容(在本文中它指的是RSS回馈)。

二、开始

在我们正式开始前，我想简短地介绍一下我们将用于发出请求的AJAX引擎。该引擎能够简化AJAX调用并且有助于消除当发出请求和调度响应时存在的大量冗余。我不会详细讨论它的组成代码，而仅向你简短地介绍我们在本文中如何使用它。

首先，我们需要导入构成该引擎的所有JavaScript文件。包含在我们的index.html文件中的代码看起来如下所示：

<p>＜script type="text/javascript" src="js/model/HTTP.js"＞＜/script＞<br>＜script type="text/javascript" src="js/model/Ajax.js"＞＜/script＞<br>＜script type="text/javascript" src="js/model/AjaxUpdater.js"＞＜/script＞ </p>

ログイン後にコピー

一旦我们导入该JavaScript文件，我们就可以通过编写类似下列的代码来发出一个请求：

<p>AjaxUpdater.Update('GET'， 'url'，callbackMethod);"></p>

ログイン後にコピー

该AjaxUpdater是一个对象，它负责处理我们的AJAX调用。我们简单地调用它的Update方法并且传递请求的方法，我们请求的URL，以及我们想把该响应代理到的回调方法。

当发出我们的请求时，这就是所有我们需要关心的。现在，让我们集中于定制RSS聚合器的功能。

三、入口点

指向该聚合器的入口是index.html文件，我们从浏览器中对它进行调用。下面是描述该index的代码：

<p>＜html＞<br>＜head＞<br>＜title＞RSS Aggregation with PHP and Ajax＜/title＞<br>＜link href="css/layout.css" rel="stylesheet" type="text/css" /＞<br>＜script type="text/javascript" src="js/model/HTTP.js"＞＜/script＞<br>＜script type="text/javascript" src="js/model/Ajax.js"＞＜/script＞<br>＜script type="text/javascript" src="js/model/AjaxUpdater.js"＞＜/script＞ <br>＜script type="text/javascript" src="js/controller/Aggregator.js"＞＜/script＞<br>＜script type="text/javascript" src="js/view/Feed.js"＞＜/script＞<br>＜/head＞<br>＜body＞</p><p>＜div id="Aggregator"＞<br>＜form name="feedForm" method="post" action="javascript：AjaxUpdater.Update('GET'， </p><p>'bridge/rss.php?feed=' + document.feedForm.feed.value， Aggregator.Read);"＞<br>＜div class="header"＞<br>＜input type="text" name="feed" id="feed" size="50"＞<br>＜input type="submit" name="submit" value="Add Feed"＞</p><p>＜/div＞<br>＜/form＞<br>＜div class="leftColumn"＞<br>＜div id="titles"＞＜/div＞<br>＜div id="loading"＞＜/div＞<br>＜/div＞<br>＜div class="rightColumn"＞<br>＜div id="description"＞＜/div＞<br>＜/div＞</p><p>＜/div＞</p><p>＜/body＞<br>＜/html＞</p>

ログイン後にコピー

这个文件负责导入处理我们的聚合器显示的CSS文件和所有的用于创建该聚合器和发出AJAX请求的JavaScript文件。

【提示】本文并没有讨论该CSS文件;我们只集中于讨论通过JavaScript实现的聚合和分析。

然后，由该索引定义DIV标记，这些标记将用于描述接收到的数据的布局。它还包含一个表单，其中有一个输入域用来输入RSS回馈的URL，还有一个提交按钮用于向它们发送请求。当点击该按钮时，将发送一个请求以接收RSS回馈并且把该响应发送到一个称为Aggregator的对象;我们将在讨论使用AJAX技术进行远程RSS回馈检索之后来介绍它。

四、跨域AJAX请求

跨域AJAX请求是不可能的，但是的确存在一些方法以利用一种服务器端语言来解决这个问题。在这一节中，我要讨论如何使用PHP来创建AJAX请求和一个远程RSS回馈之间的一个桥接，进而实现成功地跨域请求之目的。我想你很可能会对它如此容易的实现感到惊讶。

PHP中提供了一个称为file_get_contents的本地方法，它能够把整个文件内容读取到一个字符串中。如果启动fopen包装器的话，这个文件可以是一个远程文件;在你安装PHP时默认情况下是启动的。如果在php.ini文件内把allow_url_fopen设置为off它才处于禁止状态。下列代码相应于该bridge.php文件的内容，当提交表单时我们使用index.html发送请求：

<p>＜?<br>header("Content-Type: application/xml; charset=UTF-8");<br>echo file_get_contents($_GET['feed']);<br>?＞ </p>

ログイン後にコピー

上記のコードの最初の行はヘッダーで、応答のコンテンツタイプをリクエストオブジェクトの有効な XML に設定する役割を果たします。次に、file_get_contents が呼び出され、フィードバック URL と組み合わせられます。これは、index.html ファイル内のフォームからリクエストを通じて渡されます。データの準備が完了すると、AJAX エンジンはそれをコールバックメソッド (Aggregator オブジェクト) に委譲します。