Deploying Electron at Wagon

Matt DeLand walks through how Wagon deploys it's Electron based SQL editor for Mac, Windows, and on the web.

Transcript

1. Matt DeLand Co-Founder of Wagon @deland Deploying Electron
2. Wagon is a modern SQL editor 1.  write SQL 2.  visualize results 3.  share data & charts
3. Demo ( )
4. Haskell + React + Electron
5. Updating Wagon using Electron Let’s ship Mac and Windows app updates silently and safely. 1.  Electron update flow 2.  Squirrel library 3.  Mac and Windows differences 4.  Advanced maneuvers
6. Electron update flow
7. auto-updater module 1.  Checks for updates 2.  Downloads assets 3.  Installs binary • Built on Squirrel • Super easy to setup
8. Initiating auto-updater
9. Responding to updater events • auto-updater emits events • Customize app update behavior • We bounce the icon and trigger notification
10. BYOS • You have to provide the server response. • Mac •  200 or new version info • Windows •  Always replies with latest version info • Poll for updates or let the user check explicitly
11. Rolling app deploys • Specific JS version served per client version • Version map allows for hotfix JS updates
12. Advanced maneuvers • JS served via CloudFront • Same JS codebase for desktop and web • Auto-updater for internal testing • CircleCI + AppVeyor for builds • Don’t forget to code sign!
13. What’s next • Incremental deploys • Cache JS app locally, only fetch on changes • Fancier UI for new version available
14. Learn more! • read wagonhq.com/blog/electron • join #electron Slack room
15. Get Wagon! app.wagonhq.com/preview • Follow @WagonHQ • Hack on Electron! jobs@wagonhq.com