将recaptcha gem用于rails应用程序时未初始化的常量Recaptcha（NameError）

Question

我正在开发 Rails 5.0.3 应用程序（使用 Ruby 2.4.1）并尝试在我网站上的联系我们表单上安装 Recaptcha v2 功能。

我收到以下错误：-

/config/initializers/recaptcha.rb:1:in `<top (required)>': uninitialized constant Recaptcha (NameError)
    from /home/[$user]/.rvm/gems/ruby-2.4.1/gems/railties-5.0.3/lib/rails/engine.rb:648:in `block in load_config_initializer'

为了实现该功能，我在此处遵循了 recaptcha gem 的文档https://github.com/ambethia/recaptcha

在我的 gemfile 中我有：-

gem 'dotenv-rails', require: 'dotenv/rails-now'
gem 'recaptcha', require: 'recaptcha/rails'

在我的 .env 文件（在根文件夹中）我有这个：-

RECAPTCHA_SITE_KEY= xxxxxxxxxxxxxxxxxxxxxxxxxx
RECAPTCHA_SECRET_KEY= xxxxxxxxxxxxxxxxxxxxxxxxx

我在 config/initializers/recaptcha.rb 中有这个：-

Recaptcha.configure do |config|
  config.site_key  = ENV['RECAPTCHA_SITE_KEY']
  config.secret_key = ENV['RECAPTCHA_SECRET_KEY']
end

在我看来是这样的：-

    .
    .
    .
    <%= f.label :content %>
    <%= f.text_area :content, class: 'form-control' %>
    <br>
    <%= recaptcha_tags %>
    <br>
    <div class="actions">
      <%= f.submit "Send", class: "btn btn-primary center-block" %>
    </div>
  <% end %>
  .
  .
  .

在我的控制器中，我有这个：-

  def create
    @message = Message.new(message_params)
    if !verify_recaptcha(model: @message) && @message.valid?
    .
    .
    .

正如我从错误中看到的，初始化程序没有加载。我不是初始化程序方面的专家，所以我不知道它们是如何加载的，也不知道我需要做什么才能让它们加载。

Answer 1

但你不需要宝石。 你像这样渲染recaptcha 1) 导入谷歌脚本

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

2) 像这样在您感兴趣的表单中放置一个具有适当类的 div

<form action="?" method="POST">
      <div class="g-recaptcha" data-sitekey="
<%=Rails.secrets.recaptcha_key%>"></div>
      <br/>
      <input type="submit" value="Submit">
</form>

然后要在您的控制器中验证，只需发出一个发布请求

if valid_captcha?(params['g-recaptcha-response']) && @user.save

在哪里

def valid_captcha?(recaptcha_response)
    return true if Rails.env.test?

    HTTParty.post(
      Rails.application.secrets.recaptcha_url,
      body: {
        secret: Rails.application.secrets.recaptcha_secret_key,
       response: recaptcha_response
    })["success"]
end