building cross-platform desktop apps using web tech...building cross-platform desktop apps using web...

32
Rahul Rout Building cross-platform desktop apps using Web Tech

Upload: others

Post on 20-May-2020

19 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout

Rahul Rout

Building cross-platform desktop apps using Web Tech

Page 2: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout

Electron Building cross-platform desktop apps using Web Tech

Rahul Rout

@routbuzz

14th April, 2017

Page 3: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout

Electron

Framework for building cross-platform desktop applications with web technologies

Page 4: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout

Image Generated @imgflip.com

Page 5: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 6: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 7: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout

Image Generated @imgflip.com

Page 8: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout

Electron Facts

Page 9: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 10: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 11: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 12: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 13: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 14: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout

<script> require(‘./app.js’) </script>

Page 15: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 16: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 17: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 18: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 19: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 20: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 21: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 22: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 23: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 24: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 25: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout

What does it take to build an app?

Page 26: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout

package.json main.js

index.html

Page 27: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 28: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout
Page 29: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout

How do I send it to the world?

Page 30: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout

Packaging

• Electron-Packager – A node module which helps in bundling your app into

a .app (mac) or .exe file

• Electron-Builder

• Built on top of electron-packager and other modules

• Creates .dmg and Windows installers

• Takes care of the code signing for the app

Page 31: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout

• Electron has built-in support for automatic updates – autoUpdater API

• Does not support Linux as of now

• Based on Squirrel update framework

• Implementation differs for Mac and Windows

Auto Updates

Page 32: Building cross-platform desktop apps using Web Tech...Building cross-platform desktop apps using Web Tech . Electron Building cross-platform desktop apps using Web Tech Rahul Rout

www.modsummit.com

www.developersummit.com