Web Extensions Solve all Enterprise-y Everythings
•Download as PPTX, PDF•
0 likes•94 views
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.
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Web Extensions Solve all Enterprise-y Everythings
Similar to Web Extensions Solve all Enterprise-y Everythings (20)
More from David Wesst
More from David Wesst (8)
Recently uploaded
Recently uploaded (20)
Web Extensions Solve all Enterprise-y Everythings
- 1. Web Extensions Solve All Enterprise-y Everythings David Wesst University of Manitoba PrDC Winnipeg | June 2018
- 5. 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
- 6. Agenda • What is this talk? • How do we do this? • How did you do this?
- 7. What is this talk?
- 8. What is this talk? • Web Extensions • Solve • Enterprise-y Everythings
- 9. Web Extensions • a.k.a. Browser Extensions • Extends the Web Browser using Web Platform Technologies
- 10. Web Extensions 2016 Browser Extension WG Photo by Matt Botsford on Unsplash
- 11. Solve Photo by Katya Austin on Unsplash
- 12. Enterprise-y Everythings • What does that even mean? • Let’s Define “Enterprise”
- 13. Story Time with 2-S West The Stereotypical Enterprise
- 14. Enterprise-y Everythings • Common Problem/Solution? • Integrations between systems
- 15. Enterprise-y Everythings • What is common between the platforms? • Web Browser
- 16. Other Benefits • Browser security sandbox • Permissions need to be clearly defined • Code signing for distribution • Built with the web platform
- 17. How do you do this?
- 18. How do you do this? Prerequisites Spec Code Build Release Deploy
- 19. Prerequisites • Desktop client software • Browser • Extension API available (features and namespaces) • Packaging method • Deployment method • Just don’t forget the OS
- 20. Spec • Common UI elements • Icons • Toolbar • Address bar • Popup • Context Menu Item • Options Page • Extension Page • Sidebar • Notification
- 21. Spec • Data sources • Databases • API endpoints • Screen
- 22. Spec • Web Extension APIs • For example • Bookmarks • Context Menus • Notifications • Storage • Tabs • Web Notifications • Web Request • Windows
- 25. Code • Context • Page-hosted script • Missing Permissions • API namespace and features
- 26. Build
- 29. Release (Code Self-Signing) SignTool NONEchrome.exe
- 30. DEMO Self-Signing your Browser Extension
- 32. How did you do this?
- 33. How did you do this? • Currently in UAT • We are....behind schedule
- 34. 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
- 35. 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
- 36. 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
- 37. 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
- 38. Photo by Emily Morter on Unsplash
- 39. Thanks! • David Wesst • WesternDevs.com • david.wesst@umanitoba.ca • contact@davidwesst.com • @davidwesst on Twitter • davidwesst on GitHub
Editor's Notes
- Who am I?
- Also, I helped write the docs on this topic
- Scenario to describe use cases: - Finance with COTS accounting software to manage the business - HR with homegrown custom solution - Sales with a cloud-based ever green solution - Marketing with a series of disconnected tools, along with a public and private CMS system for managing communications
- - Finance with COTS browser application - HR with homegrown custom solution that evolved into an ASP.NET Web Forms application - Sales with a cloud-based ever green solution - Marketing with a series of disconnected tools public and private CMS system for managing web-based communications
- Browsers have evolved since the performance wars of 2007
- Defining your platform is key
- https://developer.mozilla.org/en-US/Add-ons/WebExtensions/user_interface
- Project structure Manifest.json Scripts (background VS content) Debugging (F12 tools)
- Gotchas
- Edge .appx (PWA builder) Firefox .xpi (web-ext) Chrome .crx (chrome.exe) Safari Safari App Extension
- Code Signing Edge Windows Developer Portal Firefox addons.mozilla.org Chrome Chrome Store Safari Safari Extension Gallery
- Need to generate and distribute your own certificate
- Edge Windows Developer Portal + Microsoft Store Firefox addons.mozilla.org + Sideloading Chrome G Suite + Chrome Store Safari Self Hosted
- Pre-Mortem Talk Challenges Code Signing / Windows Developer Portal Deployment / Windows Store for Business
- Desktop software is harder to deploy
- Thanks!