Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Extensions Solve all Enterprise-y Everythings

18 views

Published on

Did you know that Web Extensions aren't just for changing web page backgrounds and adding goofy icons? No, no, it's true! You can even u>se them in the enterprise to solve all the things!

Need to add functionality to an application you don't own? No problem. Want to integrate something with your custom enterprise application? We got you. Tired of that legacy application constantly dragging down your solutions? Consider it done.

In this session, we'll explore the world of web extension (a.k.a. browser extensions) and how they can be the solution to all your web-based enterprise problems. We'll discuss the pros, cons, and the some of the realities you could be faced with when you build your own extension for enterprise.

Delivered at Prarie Dev Con in Winnpeg, MB, Canada on June 6th, 2018.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Web Extensions Solve all Enterprise-y Everythings

  1. 1. Web Extensions Solve All Enterprise-y Everythings David Wesst University of Manitoba PrDC Winnipeg | June 2018
  2. 2. https://docs.microsoft.com/en-us/microsoft-edge/extensions/extensions-for-enterprise
  3. 3. Goals • Understand what web extensions are and what we can do with them • Highlight what enterprise problems web extensions can solve • Understand that web extension development IS NOT web development
  4. 4. Agenda • What is this talk? • How do we do this? • How did you do this?
  5. 5. What is this talk?
  6. 6. What is this talk? • Web Extensions • Solve • Enterprise-y Everythings
  7. 7. Web Extensions • a.k.a. Browser Extensions • Extends the Web Browser using Web Platform Technologies
  8. 8. Web Extensions 2016 Browser Extension WG Photo by Matt Botsford on Unsplash
  9. 9. Solve Photo by Katya Austin on Unsplash
  10. 10. Enterprise-y Everythings • What does that even mean? • Let’s Define “Enterprise”
  11. 11. Story Time with 2-S West The Stereotypical Enterprise
  12. 12. Enterprise-y Everythings • Common Problem/Solution? • Integrations between systems
  13. 13. Enterprise-y Everythings • What is common between the platforms? • Web Browser
  14. 14. Other Benefits • Browser security sandbox • Permissions need to be clearly defined • Code signing for distribution • Built with the web platform
  15. 15. How do you do this?
  16. 16. How do you do this? Prerequisites Spec Code Build Release Deploy
  17. 17. Prerequisites • Desktop client software • Browser • Extension API available (features and namespaces) • Packaging method • Deployment method • Just don’t forget the OS
  18. 18. Spec • Common UI elements • Icons • Toolbar • Address bar • Popup • Context Menu Item • Options Page • Extension Page • Sidebar • Notification
  19. 19. Spec • Data sources • Databases • API endpoints • Screen
  20. 20. Spec • Web Extension APIs • For example • Bookmarks • Context Menus • Notifications • Storage • Tabs • Web Notifications • Web Request • Windows
  21. 21. Code browser.storage.local.get chrome.storage.local.get
  22. 22. DEMO Web Extension Project
  23. 23. Code • Context • Page-hosted script • Missing Permissions • API namespace and features
  24. 24. Build
  25. 25. Release (Packaging) .appx + .xpi + .crx + .safariextz + PWA Builder web-extchrome.exe Extension Builder
  26. 26. Release (Code Signing) Windows Developer Portal AMOChrome Store
  27. 27. Release (Code Self-Signing) SignTool NONEchrome.exe
  28. 28. DEMO Self-Signing your Browser Extension
  29. 29. Deploy Windows Developer Portal + Microsoft Store AMO + Sideloading G Suite + Chrome Store
  30. 30. How did you do this?
  31. 31. How did you do this? • Currently in UAT • We are....behind schedule
  32. 32. Extensions for Enterprise • Do it if you have… …an accurate understanding of the desktop clients you need to support …a deployment system for desktop software …the appropriate enterprise storefronts …the appropriate developer portals
  33. 33. Extensions for Enterprise • Alternative solution for… …customizing COTS applications …editing vendor source code …being coupled to SaaS extension models …create yet another custom web application utility
  34. 34. How did you do this? • Web extensions ARE NOT THE SAME AS web development! • Core Differences • Client VS Server software • Code Signing • Browser Support • Different packaging for different browsers
  35. 35. Goals • Understand what web extensions are and what we can do with them • Highlight what enterprise problems web extensions can solve • Understand that web extension development IS NOT web development
  36. 36. Photo by Emily Morter on Unsplash
  37. 37. Thanks! • David Wesst • WesternDevs.com • david.wesst@umanitoba.ca • contact@davidwesst.com • @davidwesst on Twitter • davidwesst on GitHub

×