{"id":7617,"date":"2016-01-22T18:10:35","date_gmt":"2016-01-22T18:10:35","guid":{"rendered":"https:\/\/dev.railscarma.com\/protect-your-web-application-with-google-recaptcha-on-ruby-on-rails\/"},"modified":"2021-06-06T12:57:36","modified_gmt":"2021-06-06T12:57:36","slug":"protege-tu-aplicacion-web-con-google-recaptcha-en-ruby-on-rails","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/es\/blog\/articulos-tecnicos\/protege-tu-aplicacion-web-con-google-recaptcha-en-ruby-on-rails\/","title":{"rendered":"Protege tu aplicaci\u00f3n web con Google reCAPTCHA en Ruby on Rails"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\u2018Spam\u2019 podr\u00eda ser una de las palabras m\u00e1s temidas por cualquier propietario de una aplicaci\u00f3n web. Especialmente en el caso de una aplicaci\u00f3n con mucho contenido generado por los usuarios, lidiar con \u00e9l puede convertirse en una pesadilla. Para mantener a raya a los spammers, se puede utilizar un servicio gratuito de Google llamado reCaptcha. Google reCaptcha es un servicio que protege el sitio web contra el spam y los abusos, y permite a los usuarios iniciar sesi\u00f3n sin tener que resolver un captcha; adem\u00e1s, protege la aplicaci\u00f3n frente a ataques de denegaci\u00f3n de servicio al impedir el env\u00edo automatizado de formularios.\n\nGoogle reCaptcha, una soluci\u00f3n mejor que los captchas de imagen existentes, es f\u00e1cil de usar e incluye funciones de seguridad avanzadas. Mediante un motor avanzado de an\u00e1lisis de riesgos, reCaptcha impide que los bots automatizados realicen actividades de spam en tu aplicaci\u00f3n. Adem\u00e1s, es mucho m\u00e1s f\u00e1cil de usar que los antiguos captchas de imagen.\n\nAntes de poder a\u00f1adir Google reCaptcha a tu aplicaci\u00f3n, debes seguir estos pasos:\n\n1) Obtener las credenciales\n2) A\u00f1adir las etiquetas de reCaptcha\n3) Para gestionar la verificaci\u00f3n, crear una clase de reCaptcha\n4) En el controlador \u00abRegistrations\u00bb, a\u00f1adir el m\u00e9todo \u00abverify_reCaptcha\u00bb\n\nConfiguraci\u00f3n<\/strong>\n\nPaso 1:-<\/strong>\n\nAdd the following to your gem file:\n\ngem “recaptcha”, :require => “recaptcha\/rails”\n\nPaso 2:-<\/strong>\n\nEntra en http:\/\/developers.google.com, inicia sesi\u00f3n en tu cuenta de Gmail y busca \u2018reCAPTCHA\u2019. Haz clic en \u201cSolicita una clave API<\/strong>\u201d. Comprueba la clave secreta y la clave del sitio. Como su propio nombre indica, la clave secreta debe guardarse en un lugar seguro, mientras que la clave del sitio es la clave p\u00fablica que se utiliza para autenticarse en Google. Registra el nombre de tu sitio en tu cuenta de Google para obtener la clave p\u00fablica y la clave privada que se utilizar\u00e1n m\u00e1s adelante en la aplicaci\u00f3n.\n\nUna vez completado el registro, obtendr\u00e1s la clave p\u00fablica y la clave privada. Desde el lado del cliente, la clave p\u00fablica se env\u00eda al servicio reCAPTCHA para solicitar un nuevo captcha. La clave privada se aplica en el lado del servidor para verificar si se ha introducido el valor correcto.\n\nA continuaci\u00f3n, solicita una clave de la API de reCAPTCHA y a\u00f1\u00e1dela a los archivos de configuraci\u00f3n de tu entorno:\n\n#: introduce esto en development.rb y en production.rb\n\nENV_RECAPTCHA_PUBLIC_KEY<\/strong>= ‘your-public-key’\n\nENV_RECAPTCHA_PRIVATE_KEY<\/strong>= ‘your-private-key’\n\nPaso 3:-<\/strong>\n\nCreate a file named recaptcha.rb in config\/initializers to configure recaptcha parameters.\n\nRecaptcha.configure do |config|\nconfig.public_key = ‘ ENV_RECAPTCHA_PUBLIC_KEY’\nconfig.private_key = ‘ENV_RECAPTCHA_PRIVATE_KEY’\nconfig.proxy = ‘http:\/\/www.google.com\/recaptcha\/api\/verify’\nend\n\nPaso 4:-<\/strong>\n\nVer<\/strong>\n\nThe Captcha Gem helps to render the actual captcha box. It’s as simple as putting the following into your view at the point where you want the captcha to appear:\n\n<%= raw recaptcha_tags %>\n\nIf you are using SSL, use this instead:\n\n<%= recaptcha_tags :ssl => true %>, The SSL option ensures we send a https request to the recaptcha service.\n\nPaso 5:-<\/strong>\n\nControlador<\/strong>\n
The Captcha Gem provides another helper method that posts to the reCaptcha API server to verify if the submission is correct. If it is then the method returns true, if not, it will add a custom error message that the recaptcha is wrong to the model instance. Here is the basic code as you might have it in the create action of your controller:-\nIn devise controllers, app\/controllers\/registrations_controller.rb, Insert the following code:\nrequire ‘recaptcha.rb’\nbefore_action :verify_recaptcha, only: [:create]\ndef verify_recaptcha\nresponse = Recaptcha.verify(params)\nsession[:sign_up] = params[:user].except(:password, :password_confirmation, :remoteip)\nif response.code == 200\nif response[‘success’]\nflash[:notice] = “Recaptcha verification successful.”\nelse\nredirect_to new_user_registration_path(user: params[:user]),\nalert: “Recaptcha verification error.”\nend\nelse\nredirect_to new_user_registration_path(user: params[:user]),\nalert: “HTTP connection error.”\nend\nend<\/blockquote>\nLa sesi\u00f3n [:sign_up] se conserva, ya que el formulario de registro se puede rellenar autom\u00e1ticamente si falla la verificaci\u00f3n.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Suscr\u00edbete para recibir las \u00faltimas actualizaciones<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\t\t\t\t\t