Using the hot-proxy (live reload) in Shopware 6

General71e0be77295a856aa6048ad8408005dd
1

I am trying to use hot-proxy in Shopware 6 but it does not work.

  1. First problem is this error:
    Screenshot_1
    Screenshot_12489×1116 349 KB

But I found a solution in internet, to run this command in terminal and the compilation will work:

export NODE_OPTIONS=--openssl-legacy-provider

But how to make this permanent, because I have to run it each time after restarting the server?

  1. Problem nr. 2 is that it dos not open the Storefront proxy in browser. Now the local site address is
http://sw-dev.loc

but for real time watching with live reload it must work on

http://sw-dev.loc:9998

but it does not:

Screenshot_3

Screenshot_2
Screenshot_21543×1115 206 KB

2

Environment vars can be made permanently via .env file:

https://devilbox.readthedocs.io/en/latest/intermediate/add-custom-environment-variables.html

And node apps can be auto-started at container startup via:

https://devilbox.readthedocs.io/en/latest/autostart/autostarting-nodejs-apps.html

Generic stuff can be autostarted via: Custom scripts globally — Devilbox 1.0 documentation

For how to proxy ports to the domain see Discord channel: Discord

3

Thanks! I just added this line to .env and it works!

4

Regarding proxy, your link to Discord channer sends me here, where is nothing, just empty page :frowning:

5

See the “Howto” channel, it has two tutorials inside that describe how this is done.

6

I didn’t find anything on Discord but I found here a solution which works. I added in docker-compose.override.yml 

# ------------------------------------------------------------
# PHP Services
# ------------------------------------------------------------
services:    
  php:
    ports:
      # ---- Format: ----
      # [HOST-ADDR : ] HOST-PORT : DOCKER-PORT
      - "9998:9998"

It still does not open a new tab in browser and shows in terminal the error:

image
image852×246 18.2 KB

but the project is available opening it manually at http://sw-dev.loc:9998/ and the live-reload works.

7

Yep, that’s the wrong approach. There is no change in docker-compose.yml necessary. You can simply give it a backend configuration. In the Howto channel, there are two threads, one for NodeJS, which shows the backend configuration and one for websockets.

8

How to find this channel? I could not find any channel with such a name, “Howto”. I can not find also anything about “DevilBox”, “live-reload”, “backend configuration websockets”, “hot-proxy”, etc.

9

Hi @amida this is the one I was talking about:

Screenshot 2023-01-11 11-34-50 selection
Screenshot 2023-01-11 11-34-50 selection1366×1286 142 KB

10

Could you please explain how to find DevilBox? Where should I search, or click?? I have no experience with this app, I tried to search everywhere in this app for Devilbox but could not find :frowning:

image
image1625×676 149 KB

11

Here is the invite link: Devilbox

12

Thank you! Now I see it, but without invite link it seems to be impossible to find.
The solutions that I see here seem complicated to me. At the moment I don’t understand many of these steps, as well as if this will work for Shopware 6 project. The solution with docker-compose.override.yml looks much easier to me for the moment :slight_smile: