基本 HTTP 身份验证在标头中不包含 JSON？ （Backbone.js 到 Rails 服务器）

Question

我正在使用 Backbone.js 使用 JSON api 为我的 Rails 应用程序创建纯 JS 前端。

backbone.js 模型 URL 如下所示：

window.MedicationCollection = Backbone.Collection.extend({
  model: Medication,
    url: 'http://localhost:3000/medication_options'
});

CRUD 可以很好地使用它。它使用“application/JSON”内容类型向我的服务器发送请求。

但我需要为 API 添加身份验证，并且我的 Rails 应用程序正在使用 Authlogic，因此我添加了以下内容：

  before_filter :require_user

     def require_http_auth_user
        return true if current_user
        authenticate_or_request_with_http_basic do |email, password|
          email = email.gsub("_at_", "@") if email.include?("_at_")
          if @current_user = User.find_by_email(email)
            @current_user.valid_password?(password)
          else
            false
          end
        end
      end

Rails 中典型的 CRUD 方法如下所示：

  def update
    @medication_option = MedicationOption.find(params[:id])
    if @medication_option.update_attributes(params[:medication_option])
      flash[:notice] = "Successfully updated medication."
    end
    respond_with @medication_option
  end

因此，在我的 Backbone.js 模型中，我向 url 添加了“用户名：密码”：

window.MedicationCollection = Backbone.Collection.extend({
  model: Medication,
    url: 'http://username:password@localhost:3000/medication_options'
});

使用适当的凭据，身份验证可以正常工作，但由于某种原因，Rails 服务器将所有 Backbone.js 请求解释为 HTML 而不是 JSON。

由于某种原因，在基本 HTTP 身份验证过程中，JSON 标头会在混合中丢失。

因此，如果我像这样显式地将“.json”添加到 URL 末尾：

window.MedicationCollection = Backbone.Collection.extend({
  model: Medication,
    url: 'http://username:password@localhost:3000/medication_options.json'
});

我可以获得基本的 GET 请求。

但是当我执行 CRUD 时，它不起作用，因为它将 ID 附加到 URL 的末尾，所以它会出错：

ActionController::RoutingError (No route matches "/medication_options.json/41516")

所以我不确定从这里去哪里。

Answer 1

您的 .json 应始终位于 url 的末尾以被解释为 json：

/medication_options/41516.json

如果需要将 json 放在正确的位置，您可以编辑模型 url 以及集合 URL。

根本问题是为什么它首先没有被处理为 json。如果您使用的是rails 3，您是否有：

respond_to :js 

或

respond_to :json

匹配您的respond_with并确保您的控制器接受这种格式（否则rails默认会返回406错误）？

Answer 2

我从未使用过 Document.js，但在查看文档时，您似乎可以覆盖 url 并返回函数的结果，而不是为其提供文字字符串值。您可以通过这种方式将 .json 添加到 url 字符串的末尾吗？

Answer 3

尝试这样的事情：

 _.extend(Medication, 
    {extension:'.json',
     url:function() {
          var base = getUrl(this.collection);
          if (this.isNew()) return base + this.extension;
          return (base + (base.charAt(base.length - 1) == '/' ? '' : '/')
                  + this.id + this.extension);
        }
    });