Https: This site can’t be reached about webpack-livereload-plugin

[statianzo]

To have live reload served over https, you need to add key and cert or pfx configuration options as stated in the readme.

https://github.com/statianzo/webpack-livereload-plugin#https

[asos-hutber]

Ye, thanks @statianzo I did see this and tried to add random values, but I have no real idea what these are meant to be set to? I assumed something to do with https?

Also I realise how vague this statement is...

  const optionsReload = {
    key: true,
    cert: true
  };
      new LiveReloadPlugin(optionsReload),

[asos-hutber]

I wonder if I'm meant to put the name of my cert or the path name?

[statianzo]

cert is your ssl certificate of your certificate. String or Buffer, not the file path.
key is the private key of your certificate. String or Buffer, not the file path.

The options ultimately get passed to tls.createSecureContext. Those options are listed here. https://nodejs.org/api/tls.html#tls_tls_createsecurecontext_options

[asos-hutber]

Thanks again @statianzo

So in the end we should expect something like this:

  const optionsReload = {
      cert: `-----BEGIN CERTIFICATE-----
      ...
      mFg5ieS9eijN7XULU/LF+G3b0bmyx4hhPTNM
      ...
      -----END CERTIFICATE-----`,
      key : `-----BEGIN RSA PRIVATE KEY-----
      ...
      JIuUft9LYhvojeOQC7G1BP3JBtou/9S8PE2DGVzLoo+G9jzfyjdk
      ...
      -----END RSA PRIVATE KEY-----`
  };

...

new LiveReloadPlugin(optionsReload),

As this is what I have, but the https url still fails.

[asos-hutber]

humm weird, now the http fails :O

[statianzo]

The plugin server maps to only one port, so it's http or https.

If both are necessary, you could use multiple livereload plugins with different port numbers. It's not a scenario I've tested though.