Running Grails und Sencha ExtJS in einem Tomcat

Question

Haben Sie eine Anwendung, die mit dem in ExtJS erstellten Frontend ausgeführt wird, während das Backend mit Grails erstellt wird.

Die ExtJS-Anwendung wird von der Windows-Befehlszeile unter Verwendung von sencha app build dann sencha web start erstellt und bereitgestellt, die die Anwendung auf Port 80 startet. Alles gut. Als nächstes wird die Grails-Anwendung durch IntelliJ (Run->Run 'Application') ausgeführt, aber das läuft in Port 8080.

Wie ist es möglich, die Dienste in Grails von der ExtJS-Anwendung aufrufen, da es davon abhängt, unter dem gleichen Port zu sein? Gibt es eine Möglichkeit, die Anwendungen unter einer Tomcat-Instanz über einen vhost zu verteilen?

Answer 1

Sie können Ihre ExtJS dazu bringen, Anrufe an andere Ports zu tätigen, indem Sie CORS sowohl auf der Server- als auch auf der Client-Seite aktivieren.

Grails

Um CORS auf Grails Seite können Sie dieses plugin installieren und die folgende Konfiguration zu Ihrem Config.groovy hinzuzufügen. Grundsätzlich sagen wir, dass jede Domain Anfragen an diese Anwendung stellen kann.

cors { 
    enabled = true 
    url.pattern = '*' 
    allow.origin.regex = '.*' 
    headers=[ 
     'Access-Control-Allow-Headers': 'origin, authorization, accept, cookie, set-cookie, content-type, x-requested-with', 
     'Access-Control-Allow-Methods': 'GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS', 
     'Access-Control-Max-Age': 3600 
    ] 
} 

ExtJS

Wir brauchen auch die CORS auf ExtJS Seite zu ermöglichen, dies zu tun, können wir einfach einen beforerequest Hörer für alle AJAX-Anforderungen hinzufügen. Außerdem bevorzuge ich einen gemeinsamen Ort, an dem ich meine API-URL konfigurieren kann. Anstatt also die API-URL an allen Stellen wie Proxys zu definieren, können wir ajax-Anfragen zentralisieren.

Sie können das tun, indem Sie den folgenden Code in der Startmethode Ihrer Anwendung hinzufügen.

var API_URL = 'http://localhost:8080/grailsappp' 
Ext.Ajax.on({ 
    beforerequest: function(conn, opts){   
     if(opts.url) { 
      opts.url = API_URL + opts.url; 
     } 
     conn.setCors(true); 
    } 
}); 

Answer 2

Der Sencha Web Start-Befehl ist nutzlos, wenn Sie ein Backend haben, das nicht node.js ist.

Für Web-Server ist ExtJS nichts anderes als statische Dateien, da es vom Browser bedient und interpretiert wird. Ich weiß nicht speziell über Tomcat/Grails, aber jeder Webserver sollte in der Lage sein, statische Dateien irgendwie zu liefern.

Ich verwende zum Beispiel ASP.NET-Backend, und ich habe die ExtJS-Dateien zum Arbeitsverzeichnis des ASP.NET-Projekts hinzugefügt. Wenn ich also debuggen möchte, starte ich den Backend-Debug-Prozess lokal von VisualStudio, und ich kann die statischen Javascript-Dateien laden, die dann auf den Backend-Prozess zugreifen können. Ich habe nie Sencha Web Start verwendet, denn wie gesagt, wenn Sie ein Backend haben, das nicht node.js ist, ist es nutzlos.

Sie müssten das gleiche für Tomcat/Grails tun. Wie man das erreicht, ist eine reine Tomcat/Grails-Frage, die mit ExtJS nichts zu tun hat.