Rails 5 API和电话盖



任何人都可以解释如何或将我引导到详细说明如何将Rails 5 API连接到PhoneGap的教程。我对铁轨的新手相对较新,没有电话盖的经验,现在一直在寻找几天的详细解释。我正在使用HTML5,CSS和JQUERY用于前端。

真的很感谢任何帮助。

    <?xml version='1.0' encoding='utf-8'?>
<widget id="com.yourname.workshop" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>Workshop</name>
    <description>
        A sample Apache Cordova application that responds to the deviceready event.
    </description>
    <author email="dev@cordova.apache.org" href="http://cordova.io">
        Apache Cordova Team
    </author>
    <content src="http://localhost:3001" />
    <plugin name="cordova-plugin-whitelist" spec="1" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <platform name="android">
        <allow-intent href="market:*" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
    </platform>
</widget>

您的"连接"前端应用程序的方式,您在phonegap中使用后端导轨API与HTTP请求一起编写。

Rails有一个官方指南,用于编写仅使用API的应用程序。您的应用不必仅提供API,但是它需要提供一些易于放松的数据。(通常JSON(

然后,您使用前端上的库来向后端API定义的特定端点提出请求。然后,您可以解析响应以执行您需要做的任何事情。jQuery使提出请求变得容易。

在Rails中,让我们想象我有一个控制器,可以在某些博客或其他内容的帖子上进行通常的CRUD操作。看起来像这样:

class PostsController < ApplicationController
  responds_to :json
  def show
    @post = Post.find(params[:id])
    respond_with(@post)
  end
  def index
    @posts = Post.all
    respond_with(@posts)
  end
  def create
    @post = Post.create(params[:post])
    respond_with(@post)
  end
  def update
    @post = Post.find(params[:id])
    @post.update_attributes(params[:post])
    respond_with(@post)
  end
end

现在,您可以从JavaScript(或其他任何事情(向这些操作提出HTTP请求:

$.get('/posts', {}, function(response){
  // response here is the data returned by the Post#index action
})
$.post('/posts', {post: {content: "post content"}}, function(response){
  // response here is the data returned by the Post#create action
})

这是一个非常基本的示例,但是大多数Web应用程序只是此概念的一些变体。

相关内容

  • 没有找到相关文章

最新更新