{"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":"hur-man-anvander-rackmellanvara-i-skenor-for-automatisk-komplettering","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/sv\/blogg\/ledning\/hur-man-anvander-rackmellanvara-i-skenor-for-automatisk-komplettering\/","title":{"rendered":"Hur man anv\u00e4nder Rack Middleware i Rails f\u00f6r automatisk komplettering?"},"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

I dagens moderna webbapplikationer \u00e4r automatisk komplettering\/ autof\u00f6rslag mycket vanliga fr\u00e5n sm\u00e5 till mycket stora applikationer, att servera flera f\u00f6rfr\u00e5gningar samtidigt med snabb respons fr\u00e5n servern \u00e4r mycket viktigt f\u00f6r att g\u00f6ra anv\u00e4ndarupplevelsen b\u00e4ttre och njutbar.<\/p>\n

H\u00e4r kommer rackmellanvara i bilden.<\/strong><\/p>\n\n

Vad \u00e4r Rack Middleware<\/strong>?<\/h5>\n

Enkelt uttryckt l\u00e5ter en Rack-mellanvara oss g\u00f6ra saker f\u00f6re eller efter i en rackapplikation. Rackmellanvara initieras med en rackapplikation och b\u00f6r svara p\u00e5 en anropsmetod.<\/p>\n

Rackmellanvara kan vidare l\u00e4mna \u00f6ver kontrollen till annan rackmellanvara eller bara svara tillbaka med en svarskod, inneh\u00e5llstyp och text.<\/p>\n

1 [200, {'Content-type' => 'text\/html'},['Hej webben']]<\/p>\n\n

Hur kan du anv\u00e4nda detta i en Rails-applikation<\/strong>?<\/h5>\n

R\u00e4ls<\/strong><\/a> har redan en f\u00f6rdefinierad upps\u00e4ttning rackmellanvaror f\u00f6r cachning, sessionshantering etc, du kan titta p\u00e5 aktuell mellanvara genom att k\u00f6ra rakemellanvara.<\/p>\n

Bortsett fr\u00e5n detta ger Rails ocks\u00e5 ett utm\u00e4rkt s\u00e4tt att l\u00e4gga till din egen Rack-mellanvara till din applikation. Att anv\u00e4nda en Rack-mellanvara f\u00f6r att hantera automatiska kompletteringar \u00e4r bra, eftersom det ger dig en liten prestanda\u00f6kning j\u00e4mf\u00f6rt med att hantera beg\u00e4ran i en Rails-kontroller.<\/p>\n

S\u00e5 l\u00e5t oss titta p\u00e5 lite kod f\u00f6r hur man uppn\u00e5r detta. Krav \u2013 Anv\u00e4ndaren ska vara autentiserad \u2013 Svara med json med resultatet av fr\u00e5gan \u2013 Hantera svaret p\u00e5 klientsidan med javascript.<\/p>\n

Ruby Rack Middleware-Skapa en katalog f\u00f6r middlewares i din rails-applikation mkdir app\/middleware.<\/p>\n

Skapa en ny fil app\/middleware\/auto_completer.rb class AutoCompleter def initialize(app) @app = app end def call(env) @request = Rack::Request.new(env) if env[\u201cPATH_INFO\u201d] == \u201c \/autocomplete\u201d session = @request.env['rack.session'] params = @request.params om session && session[\u201cuser_id\u201d].present? users = User.select(\u201cid, name\u201d).like(params[\u201cq\u201d]) [200, {\u201cContent-Type\u201d => \u201capplication\/json\u201d}, [users.to_json]] else [404, {\u201cContent-Type\u201d => \u201ctext\/html\u201d}, [\u201cNot Found\u201d]] end else @app.call(env) end end end.<\/p>\n

Ovanst\u00e5ende kod initieras med en instans av rackapplikation, varefter kontrollen \u00f6verl\u00e4mnas till anropsmetoden. I anropsmetoden kontrollerar vi om s\u00f6kv\u00e4gen f\u00f6r beg\u00e4ran matchar autocomplete. Vi kontrollerar sedan sessionen och hittar matchande anv\u00e4ndare och returnerar en json med ett 200-svar.<\/p>\n

Om beg\u00e4ran inte st\u00e4mmer \u00f6verens med autcomplete request-s\u00f6kv\u00e4gen l\u00e4mnar vi \u00f6ver kontrollen till den andra rackmellanvaran. Redigera din config\/application.rb f\u00f6r att konfigurera Rails f\u00f6r att h\u00e4mta den nya mellanvaran<\/p>\n

config.middleware.insert_after ActionDispatch::Session::CookieStore, "AutoCompleter"<\/p>\n

Detta s\u00e4ger \u00e5t rails att infoga den nya mellanvaran vi har gjort efter sessionens mellanvara. K\u00f6r kommandot igen f\u00f6r att se att du kan se att den nya mellanvaran lades till efter<\/p>\n

ActionDispatch::Session::CookieStore rake-mellanvara<\/p>\n

Starta din Rails-server och g\u00e5 till localhost:3000\/autocomplete?q=h<\/p>\n

F\u00f6rv\u00e4ntat svar [{\u201cid\u201d:2,\u201dname\u201d:\u201dHarry\u201d},{\u201cid\u201d:4,\u201dname\u201d:\u201dHarold\u201d}]<\/p>\n

Javascript Vi kommer att anv\u00e4nda jquery-ui plugin f\u00f6r autokomplettering. Inkludera jquery-ui i assets\/javascript\/application.js<\/p>\n

L\u00e4gg till JavaScript i assets\/javascript\/application.js f\u00f6r att g\u00f6ra beg\u00e4ran om autoslutf\u00f6rande<\/p>\n

$(function() { $.ui.autocomplete.prototype._renderItem = function (ul, item) { label = item.name.replace(new RegExp(\u201c(?![^&;]+;)(?!< [^<>]*)(\u201d + $.ui.autocomplete.escapeRegex(this.term) + \u201c)(?![^<>]*>)(?![^&;]+;)\u201d, \u201c gi"), "$1<\/strong>"); returnera $(\u201c<\/p>\n\n