Multiple browser windows applications

Basic Techniques:

• HTML5 postMessage: provides inter-windows message based communication.

• HTML5 local storage: provides a shared storage for all the windows. Windows can be notified of local storage updates through events so this technique can also be used as a postMessage replacement.

• Direct JS: to be tested. ¿limitations?.

childWin = openWindow();

childWin.anyFunction();

Auxiliary techniques

• HTML5 Webworkers.

• Angular app bootstraping tweaks.

Referenes:

• Web-workers / postMessage: https://www.youtube.com/watch?v=-o8B4TE18gI
• Setting the size and position (demo): https://hsablonniere.github.io/window-popup/
• Multiple A2 apps on the same page: https://blog.sstorie.com/bootstrapping-multiple-angular-2-applications-on-the-same-page/
• Sync AngularJS apps through local storage: https://www.undefinednull.com/2014/02/25/angularjs-real-time-model-persistence-using-local-storage/
• Shared authentication through local storage: https://www.guya.net/2015/06/12/sharing-sessionstorage-between-tabs-for-secure-multi-tab-authentication/