Correct proxy settings for Apache #566

PharmCat · 2022-08-16T09:08:19Z

PharmCat
Aug 16, 2022

Hi!

I want to use apache as proxy and redirect address https://mysite.com/myapp to app sever my_server_ip:port, what should I do?
I make some work...
Now Genie server work. Page from apache loaded well, but I can't operate. Seems WebSocket try to connect directly to mysite.com, but it not response (indeed, /myapp should be redirected, / used by apache)

Is any way to make https://mysite.com/myapp work, or I need to make proxy from http://myapp.mysite.com or from http://mysite.com:8000?

Errors from browser when page loaded from apache:

GET https://mysite.com/css/app.css net::ERR_ABORTED 404 (Not Found)
GET https://mysite.com/js/app.js net::ERR_ABORTED 404 (Not Found)
GET https://mysite.com/images/icons/components/ui_components/chart.png 404 (Not Found)
GET https://mysite.com/css/grapes.css net::ERR_ABORTED 404 (Not Found)
GET https://mysite.com/images/icons/components/ui_components/slider.png 404 (Not Found)
WebSocket connection to 'wss://mysite.com/' failed: 
newSocketConnection 
(anonymous) 
WebSocket is not open
sendMessageTo @ 
subscribe @ 
(anonymous) @ 
(anonymous) @ 
WebSocket connection to 'wss://mysite.com/' failed: 
newSocketConnection @ 
(anonymous) @ 
WebSocket connection to 'wss://mysite.com/' failed:

Errors from browser when local page loaded (directly from Genie):

GET http://192.168.1.164:8000/css/grapes.css net::ERR_ABORTED 404 (Not Found)
GET http://192.168.1.164:8000/css/app.css net::ERR_ABORTED 404 (Not Found)
GET http://192.168.1.164:8000/js/app.js net::ERR_ABORTED 404 (Not Found)
GET http://192.168.1.164:8000/images/icons/components/ui_components/chart.png 404 (Not Found)
GET http://192.168.1.164:8000/images/icons/components/ui_components/slider.png

prod.jl

server_handle_static_files      = true

Apache proxy settings :

ProxyPass "/myapp" "my_server_ip:port/myapp"
ProxyPassReverse "/myapp" "my_server_ip:port/myapp"
ProxyPass "/css/genie" "my_server_ip:port"
ProxyPassReverse "/css/genie" "my_server_ip:port"
ProxyPass "/img/genie" "my_server_ip:port"
ProxyPassReverse "/img/genie" "my_server_ip:port"
ProxyPass "/js/genie" "my_server_ip:port"
ProxyPassReverse "/js/genie" "my_server_ip:port"
ProxyPreserveHost on

routes.jl

Page("/myapp", view = "views/hello.jl.html",
          layout = "layouts/app.jl.html",
          model = () -> AppModel |> init_from_storage |> AppModels.handlers,
          context = @__MODULE__)

app.jl.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <% Stipple.sesstoken() %>
    <title>PKModel</title>
    <% Genie.Assets.favicon_support() %>
    <link rel="stylesheet" href="/css/grapes.css">
    <link rel="stylesheet" href="/css/app.css">
  </head>
  <body>
    <% page(model, partial = true, [@yield]) %>
    <script src="/js/app.js"></script>
  </body>
</html>

essenciary · 2022-08-16T12:28:00Z

essenciary
Aug 16, 2022
Maintainer

OK, I'm no expert in Apache configurations so let's see.

By default, websockets run over the same host and port as the web server - but you can also configure them separately if you want to. For now though, to make them work on the same host and port under myapp/ you need to set Genie.config.base_path = "myapp", so that everything is referenced under that folder.

Finally, it's also possible that you might need to configure Apache to proxy websockets using https://httpd.apache.org/docs/2.4/mod/mod_proxy_wstunnel.html

Try it out and let me know how it goes.

1 reply

PharmCat Aug 16, 2022
Author

Try it out and let me know how it goes.

Hi! Thank you for advice!

I add this line to routes.jl and in src/MyApp.jl and seems if connect to Genie directly it work on myapp/ , but no results on Apache - WebSocet not opened... :(

seems proxy_wstunnel enabled and should work

Considering dependency proxy for proxy_wstunnel:
Module proxy already enabled
Module proxy_wstunnel already enabled

I add this to config:

 RewriteEngine on
  RewriteCond ${HTTP:Upgrade} websocket [NC]
  RewriteCond ${HTTP:Connection} upgrade [NC]
  RewriteRule /myapp/.* "wss:/ip:8000/myapp/$1" [P,L]

or this:

RewriteEngine On
  RewriteCond %{REQUEST_URI}  ^/socket.io            [NC]
  RewriteCond %{QUERY_STRING} transport=websocket    [NC]
  RewriteRule /myapp/(.*)           ws://localhost:3001/$1 [P,L]

also Genie give me errors:

┌ Error: 2022-08-17 00:33:11 GET /myapp/css/app.css 404
└ @ Genie.Router ~/.julia/packages/Genie/E8mZc/src/Router.jl:204
┌ Error: 2022-08-17 00:33:11 GET /myapp/js/app.js 404

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Correct proxy settings for Apache #566

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 1 comment 1 reply

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Select a reply

Correct proxy settings for Apache #566

PharmCat Aug 16, 2022

Replies: 1 comment · 1 reply

essenciary Aug 16, 2022 Maintainer

PharmCat Aug 16, 2022 Author

PharmCat
Aug 16, 2022

Replies: 1 comment 1 reply

essenciary
Aug 16, 2022
Maintainer

PharmCat Aug 16, 2022
Author