show local webpages using iframe

gkchimz

Can someone help me with how i structure the path and where i store the webpages so that i can use an iframe module to show a webpage i have saved locally.

I have tried - MMM-SmartWebDisplay and placed the files in the MagicMirror folder, but this did not work.

Many thanks

sdetweil

@gkchimz the MM web server root is MagicMirror:port_from_config.js SO

http://localhost:8080/somefile.html (in the MM folder)
http://localhost:8080/modules/somemodulename/somefile.html (in some module folder)

gkchimz

@sdetweil

I have tried both :

"http://192.168.1.31:8080/modules/mymote/mymote.html"

and

"http://localhost:8080/modules/mymote/mymote.html"

These work when using a browser but MM displays the below error in the console.

Refused to display 'http://192.168.1.31:8080/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

sdetweil

@gkchimz what are your address and ipWhitelist setting in config.js?

thgmirror

@gkchimz
Store your html direct in the modules-folder and add it as URL for MMM-SmartWebDisplay like
url: [“/modules/myhtml.html”],

sdetweil

@thgmirror

that would be, for him

url: ["/modules/mymote/myhtml.html"],

gkchimz

@sdetweil

var config = {
  address: "0.0.0.0",
ipWhitelist: [],
  electronOptions: {
    webPreferences: {
      webviewTag: true
    }
  },
  port: 8080,

gkchimz

@thgmirror - Thank you very much for your help. This now works.