1. Demo
1.1. Walk through taking an existing app, wrapping it in Capacitor
1.2. Show usage of the camera plugin
2. Fine points
2.1. Live Reload
2.2. CORS
2.3. Authentication
2.4. Custom URI schemes
2.5. Building and Deployment
2.5.1. Separate builds required for Android and iOS
2.5.2. Deployment -> Publish to App Stores
2.5.3. Automated tests?
2.5.4. Ionic AppFlow
3. Questions?
3.1. https://virtua.tech Consulting, architecture, development, mentoring, training on web dev and back-end Java
3.2. https://capacitorjs.org
4. Kito D. Mann (@kito99) https://kitomann.com
4.1. Internationally recognized speaker
4.2. Google Developer Expert on Web Technologies Alumni
4.3. Jakarta EE Guardian Leadership Council Member
4.4. https://virtua.tech Principal Consultant at Virtua: Consulting, architecture, development, mentoring, training on web dev and back-end Java
4.5. Java Champion
4.6. Participated in several Java Community Process expert groups (including CDI, JSF, and Portlets)
4.7. Co-host of Stackd Podcast (https://stackdpodcast.com)
4.8. Founder of https://SpeakerTrax.com
5. You
6. Why bother with mobile?
6.1. Pros
6.1.1. Discoverability through app stores
6.1.2. Native features
6.1.2.1. Camera/Photos
6.1.2.2. Wallet Passes
6.1.2.3. Splash screen
6.1.2.4. Notifications
6.1.2.5. File system
6.1.2.6. Biometrics
6.1.2.7. Share
6.1.2.8. Status bar
6.2. Cons
6.2.1. More maintenance
6.2.2. App store headaches
6.2.3. Updates must be handled separately from web app
6.2.3.1. Unless you use AppFlow
6.2.4. More QA required
7. Remember PhoneGap and Cordova?
7.1. Slow, clunky experience in the early days
7.2. Phones are much, much, faster
7.3. Browsers are more powerful
7.4. Cordova still alive at Apache
7.4.1. State of Cordova in 2022
8. Enter Capacitor
8.1. More modern design and toolset
8.2. Differences between Cordova and Capacitor
8.2.1. Requires that you maintain the iOS and Android project artifacts
8.2.1.1. Easier to add your own native code
8.2.1.2. Easier to debug native code
8.2.2. Doesn’t directly handle building the native app?