{"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":"wie-man-rack-middleware-in-schienen-fur-die-automatische-vervollstandigung-verwendet","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/de\/blog\/management\/wie-man-rack-middleware-in-schienen-fur-die-automatische-vervollstandigung-verwendet\/","title":{"rendered":"Wie verwende ich Rack-Middleware in Rails f\u00fcr die automatische Vervollst\u00e4ndigung?"},"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

In heutigen modernen Webanwendungen sind automatische Vervollst\u00e4ndigung\/automatische Vorschl\u00e4ge weit verbreitet, von kleinen bis hin zu sehr gro\u00dfen Anwendungen. Die gleichzeitige Bereitstellung mehrerer Anfragen mit schneller Antwort vom Server ist sehr wichtig, um das Benutzererlebnis besser und angenehmer zu gestalten.<\/p>\n

Hier kommt Rack-Middleware ins Spiel.<\/strong><\/p>\n\n

Was ist Rack-Middleware?<\/strong>?<\/h5>\n

Einfach ausgedr\u00fcckt erm\u00f6glicht uns eine Rack-Middleware, Dinge vor oder nach einer Rack-Anwendung zu erledigen. Rack-Middleware wird mithilfe einer Rack-Anwendung initialisiert und sollte auf eine Aufrufmethode reagieren.<\/p>\n

Rack-Middleware kann die Kontrolle dar\u00fcber hinaus an andere Rack-Middleware \u00fcbergeben oder einfach mit einem Antwortcode, Inhaltstyp und Text antworten.<\/p>\n

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

Wie k\u00f6nnen Sie dies in einer Rails-Anwendung verwenden?<\/strong>?<\/h5>\n

Schienen<\/strong><\/a> Hat bereits einen vordefinierten Satz von Rack-Middlewares f\u00fcr Caching, Sitzungsverwaltung usw., k\u00f6nnen Sie sich die aktuellen Middlewares ansehen, indem Sie Rake-Middleware ausf\u00fchren.<\/p>\n

Dar\u00fcber hinaus bietet Rails auch eine gro\u00dfartige M\u00f6glichkeit, Ihrer Anwendung Ihre eigene Rack-Middleware hinzuzuf\u00fcgen. Die Verwendung einer Rack-Middleware zur Verarbeitung automatischer Vervollst\u00e4ndigungen ist gro\u00dfartig, da Sie dadurch im Vergleich zur Verarbeitung der Anforderung in einem Rails-Controller eine leichte Leistungssteigerung erzielen.<\/p>\n

Schauen wir uns also einen Code an, um dies zu erreichen. Anforderung \u2013 Benutzer sollte authentifiziert sein \u2013 Mit JSON mit dem Ergebnis der Abfrage antworten \u2013 Behandeln Sie die Antwort auf der Clientseite mit Javascript.<\/p>\n

Ruby Rack Middleware \u2013 Erstellen Sie ein Verzeichnis f\u00fcr Middlewares in Ihrer Rails-Anwendung mkdir app\/middleware.<\/p>\n

Erstellen Sie eine neue Datei 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\u201c] == \u201e \/autocomplete\u201c session = @request.env['rack.session'] params = @request.params if session && session[\u201cuser_id\u201c].present? Users = User.select(\u201eid, name\u201c).like(params[\u201eq\u201c]) [200, {\u201cContent-Type\u201c => \u201eapplication\/json\u201c}, [users.to_json]] else [404, {\u201eContent-Type\u201c => \u201etext\/html\u201c}, [\u201eNot Found\u201c]] end else @app.call(env) end end end.<\/p>\n

Der obige Code wird mit einer Instanz der Rack-Anwendung initialisiert und dann die Steuerung an die Aufrufmethode \u00fcbergeben. In der Aufrufmethode pr\u00fcfen wir, ob der Anforderungspfad mit der automatischen Vervollst\u00e4ndigung \u00fcbereinstimmt. Anschlie\u00dfend \u00fcberpr\u00fcfen wir die Sitzung, finden passende Benutzer und geben einen JSON mit einer 200-Antwort zur\u00fcck.<\/p>\n

Wenn die Anfrage nicht mit dem Autocomplete-Anfragepfad \u00fcbereinstimmt, \u00fcbergeben wir die Kontrolle an die andere Rack-Middleware. Bearbeiten Sie Ihre config\/application.rb, um Rails f\u00fcr die \u00dcbernahme der neuen Middleware zu konfigurieren<\/p>\n

config.middleware.insert_after ActionDispatch::Session::CookieStore, \u201eAutoCompleter\u201c<\/p>\n

Dadurch wird Rails angewiesen, die neue Middleware, die wir erstellt haben, nach der Sitzungs-Middleware einzuf\u00fcgen. F\u00fchren Sie den Befehl erneut aus, um zu sehen, dass die neue Middleware danach hinzugef\u00fcgt wurde<\/p>\n

ActionDispatch::Session::CookieStore Rake-Middleware<\/p>\n

Starten Sie Ihren Rails-Server und gehen Sie zu localhost:3000\/autocomplete?q=h<\/p>\n

Erwartete Antwort [{\u201cid\u201c:2\u201c,name\u201c:\u201cHarry\u201c},{\u201cid\u201c:4\u201c,name\u201c:\u201cHarold\u201c}]<\/p>\n

Javascript Wir werden das jquery-ui-Plugin f\u00fcr die automatische Vervollst\u00e4ndigung verwenden. F\u00fcgen Sie jquery-ui in asset\/javascript\/application.js ein<\/p>\n

F\u00fcgen Sie JavaScript zu asset\/javascript\/application.js hinzu, um die Autovervollst\u00e4ndigungsanforderung zu stellen<\/p>\n

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