{"id":6489,"date":"2014-09-05T04:52:31","date_gmt":"2014-09-05T04:52:31","guid":{"rendered":"https:\/\/dev.railscarma.com\/how-to-use-rack-middleware-in-rails-for-auto-completion\/"},"modified":"2021-06-07T07:24:29","modified_gmt":"2021-06-07T07:24:29","slug":"como-utilizar-middleware-de-rack-en-rieles-para-autocompletar","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/es\/blog\/gestion\/como-utilizar-middleware-de-rack-en-rieles-para-autocompletar\/","title":{"rendered":"\u00bfC\u00f3mo utilizar rack middleware en rieles para autocompletado?"},"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

En las aplicaciones web modernas de hoy en d\u00eda, la finalizaci\u00f3n autom\u00e1tica y las sugerencias autom\u00e1ticas son muy comunes, desde aplicaciones peque\u00f1as hasta aplicaciones muy grandes, atender m\u00faltiples solicitudes simult\u00e1neamente con una respuesta r\u00e1pida del servidor es muy importante para que la experiencia del usuario sea mejor y m\u00e1s agradable.<\/p>\n

Aqu\u00ed es donde entra en escena el middleware de rack.<\/strong><\/p>\n\n

\u00bfQu\u00e9 es el middleware en rack?<\/strong>?<\/h5>\n

En t\u00e9rminos simples, un middleware Rack nos permite hacer cosas antes o despu\u00e9s en una aplicaci\u00f3n rack. El middleware de rack se inicializa mediante una aplicaci\u00f3n de rack y debe responder a un m\u00e9todo de llamada.<\/p>\n

El middleware de rack puede adem\u00e1s ceder el control a otro middleware de rack o simplemente responder con un c\u00f3digo de respuesta, tipo de contenido y cuerpo.<\/p>\n

1 [200, {'Tipo de contenido' => 'texto\/html'},['Hola Web']]<\/p>\n\n

\u00bfC\u00f3mo puedes usar esto en una aplicaci\u00f3n Rails?<\/strong>?<\/h5>\n

Rieles<\/strong><\/a> ya tiene un conjunto predefinido de middlewares Rack para almacenamiento en cach\u00e9, manejo de sesiones, etc., puede ver los middlewares actuales ejecutando rake middleware.<\/p>\n

Aparte de esto, Rails tambi\u00e9n proporciona una excelente manera de agregar su propio middleware Rack a su aplicaci\u00f3n. Usar un middleware Rack para manejar las funciones de autocompletar es fant\u00e1stico, ya que proporciona un ligero aumento de rendimiento en comparaci\u00f3n con manejar la solicitud en un controlador Rails.<\/p>\n

Entonces, veamos algo de c\u00f3digo sobre c\u00f3mo lograr esto. Requisito \u2013 El usuario debe estar autenticado \u2013 Responder con json con el resultado de la consulta \u2013 Manejar la respuesta del lado del cliente con javascript.<\/p>\n

Ruby Rack Middleware: cree un directorio para middlewares en su aplicaci\u00f3n Rails mkdir app\/middleware.<\/p>\n

Crear un nuevo archivo app\/middleware\/auto_completer.rb clase AutoCompleter def inicializar(aplicaci\u00f3n) @app = app end def call(env) @request = Rack::Request.new(env) if env[\u201cPATH_INFO\u201d] == \u201c \/autocompletar\u201d sesi\u00f3n = @request.env['rack.session'] params = @request.params si sesi\u00f3n && sesi\u00f3n[\u201cuser_id\u201d].presente? usuarios = Usuario.select(\u201cid, nombre\u201d).like(params[\u201cq\u201d]) [200, {\u201cTipo de contenido\u201d => \u201caplicaci\u00f3n\/json\u201d}, [usuarios.to_json]] m\u00e1s [404, {\u201cContent-Type\u201d => \u201ctext\/html\u201d}, [\u201cNot Found\u201d]] end else @app.call(env) end end end.<\/p>\n

El c\u00f3digo anterior se inicializa con una instancia de la aplicaci\u00f3n rack y luego se entrega el control al m\u00e9todo de llamada. En el m\u00e9todo de llamada, verificamos si la ruta de la solicitud coincide con el autocompletado. Luego verificamos la sesi\u00f3n, encontramos usuarios coincidentes y devolvemos un json con una respuesta 200.<\/p>\n

Si la solicitud no coincide con la ruta de solicitud de autocompletar, entregamos el control al otro middleware del rack. Edite su config\/application.rb para configurar Rails para que elija el nuevo middleware<\/p>\n

config.middleware.insert_after ActionDispatch::Session::CookieStore, \u201cAutocompletador\u201d<\/p>\n

Esto le dice a Rails que inserte el nuevo middleware que hemos creado despu\u00e9s del middleware de sesi\u00f3n. Ejecute el comando nuevamente para ver que el nuevo middleware se agreg\u00f3 despu\u00e9s<\/p>\n

ActionDispatch::Session::CookieStore middleware rake<\/p>\n

Inicie su servidor Rails y vaya a localhost:3000\/autocomplete?q=h<\/p>\n

Respuesta esperada [{\u201cid\u201d:2\u201d,nombre\u201d:\u201dHarry\u201d},{\u201cid\u201d:4\u201d,nombre\u201d:\u201dHarold\u201d}]<\/p>\n

Javascript Usaremos el complemento jquery-ui para el autocompletado. Incluya jquery-ui en activos\/javascript\/application.js<\/p>\n

Agregue JavaScript a activos\/javascript\/application.js para realizar la solicitud de autocompletar<\/p>\n

$(function() { $.ui.autocomplete.prototype._renderItem = funci\u00f3n (ul, art\u00edculo) { etiqueta = item.name.replace(new RegExp(\u201c(?![^&;]+;)(?!< [^<>]*)(\u201d + $.ui.autocomplete.escapeRegex(este.t\u00e9rmino) + \u201c)(?![^<>]*>)(?![^&;]+;)\u201d, \u201c gi\u201d), \u201c$1<\/strong>\u201c); devolver $(\u201c<\/p>\n\n