Setup React/Redux devtools for electron

[Yukaii]

Redux devtools would only works with localhost url.

Need to install webpack-dev-server also.

[Yukaii]

Problem

Fetch not works with webpack dev server.

Trials

• use fetch({mode: 'cors'})
• use electron api to overwrite request Origin header => not works, because of preflight.

Might need some mechanism to bypass CORS limitation. Some Ideas:

• Request from electron node api. Like what puraku does. Need a overall API re-wrapped.
• Research for electron capabilities...?
• Wireshark dm5 official app to get their customized API endpoints?
• Or just forget the devtools and keep going 😓

[Yukaii]

After ten more minutes googling, I found out that you only need to disable web security option in BrowserWindow API.

See 2c47a3a

webPreferences: {
  webSecurity: false
}

References

• https://github.com/electron/electron/blob/master/docs/api/browser-window.md#new-browserwindowoptions

[Yukaii]

Other Resources

• RFC: a mechanism to bypass CORS preflight  whatwg/fetch#210
• https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS
• https://developer.mozilla.org/en-US/docs/Web/API/Request/mode

[Yukaii]

see #26