来源:LAMP兄弟连 作者:LAMP兄弟连
REST(Representational State Transfer表述性状态转移)是一种体系架构,它为客户端和服务器之间的数据交互提供了指导。它将客户/服务器通信这种计算模型抽象到了Web层面。
REST最早是在Roy Thomas Fielding博士的博士论文中提出的,REST是一种针对网络应用的设计和开发方式,是一种风格,可以降低开发的复杂性,提高系统的可伸缩性。
REST强调如下的体系架构概念。
1、网络上的所有事物都被抽象为资源(resource);
2、每个资源对应一个唯一的资源标识(resource identifier);
3、通过通用的连接器接口(generic connector interface)对资源进行操作;
4、对资源的各种操作不会改变资源标识;
5、所有的操作都是无状态的(stateless)。
REST对于信息的核心抽象是资源,一个资源是一组实体的概念上的映射,而REST使用一个资源标识符来标识组件之间交互所涉及到的特定资源。REST连接器提供了访问和操作资源的值集合的一个通用接口。在这里所有的操作中,它们都是无状态的,这样就不必在多个请求之间保存状态,不必考虑上下文的约束,从而允许服务器组件迅速释放资源,并进一步简化其实现,从而提高系统的可伸缩性。
现在我们就一个简单的示例演示下REST。
在我们的示例中以java script为客户端,与HTTP服务器体系架构配合工作,使用URL作为资源标识,并将HTTP作为连接器接口。
客户端的代码:
003 | var XMLHttpFactories = [ |
005 | function () { return new XMLHttpRequest()}, |
007 | function () { return new ActiveXObject( "Msxml2.XMLHTTP" )}, |
009 | function () { return new ActiveXObject( "Msxml3.XMLHTTP" )}, |
011 | function () { return new ActiveXObject( "Microsoft.XMLHTTP" )} |
019 | for ( var i = 0; i < XMLHttpFactories.length; i++) { |
023 | xmlhttp = XMLHttpFactories[i](); |
037 | this.xmlhttp = xmlhttp; |
041 | rest.prototype._get = function (url, data) { |
043 | var xmlhttp = this.xmlhttp; |
045 | xmlhttp.open ( 'GET' , url + "&" + data, false); |
049 | return xmlhttp.responseText; |
055 | rest.prototype._post = function (url, data) { |
057 | var xmlhttp = this.xmlhttp; |
059 | xmlhttp.open ( 'POST' , url, false); |
061 | xmlhttp.setRequestHeader( "Content-Type" , "application/x-www-form-urlencoded; charset=UTF-8" ); |
063 | xmlhttp.setRequestHeader ( "Content-Length" , data.length); |
067 | return xmlhttp.responseText; |
073 | rest.prototype.get = function (url, data) { |
075 | url = url += "?op=GET" ; |
077 | return this._get(url, data); |
083 | rest.prototype.post = function (url, data) { |
085 | url = url += "?op=POST" ; |
087 | return this._post(url, data); |
093 | rest.prototype.put = function (url, data) { |
095 | url = url += "?op=PUT" ; |
097 | return this._post(url, data); |
103 | rest.prototype.del = function (url, data) { |
105 | url = url += "?op=DELETE" ; |
107 | return this._get(url, data); |
115 | var restobj = new rest(); |
129 | 如上所示,我们在客户端创建XMLHttpRequest对象,并且通过这个对象实现通过HTTP对服务器的操作GET、PUT、POST和 DELETE 以检索和修改资源。HTTP则把对每一个资源的操作都限制在了4个之内:GET、POST、PUT和 DELETE 。HTTP的这四个方法分别对应我们常见的CRUD操作,具体对应关系如下: |
133 | R(Read/Retrieve) <==> GET |
137 | D( Delete /Destroy) <==> DELETE |
虽然HTTP提供了这4个方法,但是在某些情况下,PUT和DELETE方法是不可用的,于是我们在这里使用GET方法和POST方法进行替代。另外,在JS操作时,需要注意同源策略(Same Origin Policy,SOP),考虑跨域的问题。
服务端代码:
11 | public function get( $request ) { |
13 | echo 'content=' , $request [ 'content' ], "; get resource Successful<br />" ; |
19 | public function post( $request ) { |
21 | echo 'content=' , $request [ 'content' ], "; post resource Successful<br />" ; |
27 | public function put( $request ) { |
29 | echo 'content=' , $request [ 'content' ], "; update resource Successful<br />" ; |
35 | public function delete ( $request ) { |
37 | echo 'content=' , $request [ 'content' ], "; delete resource Successful<br />" ; |
61 | if (!isset( $ops [ $op ])) { |
67 | $resource = new Resource(); |
69 | $resource -> $op ( $request ); |
如上所示,是我们提供REST数据的服务器端的代码。这里只是简单的应答请求,输出标识内容。
以上就是我们这个示例的全部了,在这个示例中,我们的整体架构是基于最简单的客户端/服务器模式,客户端使用java script,以Ajax实现。我们不需要使用PHP之类的语言生成客户端的页面,所有的客户端的工作都交给java script去做,包括从服务器端读取数据,生成页面内容,页面布局等等。在服务器端,我们需要做的是提供资源,针对客户端的请求返回对应的资源,此时的服务器是无状态的。客户与服务器之间的数据交换不依赖于服务器,由客户端来维护状态。