GoWeBaKnowledge Center

title: "Addendum 14 — Mobile PWA + Capacitor Application (WS11)" date: "2026-08-31" author: "GoWeBa Platform Team" tags: ["pwa", "mobile", "capacitor", "service-worker", "offline", "native"]

Addendum 14 — Mobile PWA + Capacitor Application

Overview

GoWeBa is now a full Progressive Web App (PWA), installable on any mobile device or desktop computer. With Capacitor integration, the application can also be compiled into native iOS and Android apps for distribution through the App Store and Google Play.

Service Worker

An intelligent Service Worker manages caching and offline functionality:

StrategyResourcesBehavior
Cache-firstCSS, JS, images, fontsInstant loading from cache, background update
Network-firstAPI calls (/api/)Fresh data, cache fallback when offline
Offline fallbackHTML pagesDedicated offline page when no network or cache

Pre-cache (App Shell)

Critical resources are pre-cached on installation:

  • Home page (/)
  • Dashboard (/dashboard)
  • Offline page (/offline)
  • Icons and manifest

Offline Mode

When the user loses connection:

  1. Previously visited pages remain accessible from cache
  2. Recently fetched API data is served from cache
  3. If no cache is available, a dedicated offline page is displayed with a "Retry" button

PWA Installation

The app can be installed directly from the browser:

  • Mobile: "Add to Home Screen" banner or via browser menu
  • Desktop: Install button in the address bar (Chrome, Edge)

Quick Shortcuts

Once installed, the app offers shortcuts:

  • 📊 Dashboard — Direct access
  • 👥 Contacts — Contact management
  • 💬 Conversations — Unified messaging

Push Notifications

The Service Worker supports push notifications:

  • Background reception even when the app is closed
  • Click notification → opens the relevant page
  • GoWeBa icon and branding

Capacitor — Native Applications

With Capacitor (Ionic), GoWeBa can be compiled into native apps:

PlatformApp IDStatus
iOScom.goweba.appReady to compile
Androidcom.goweba.appReady to compile

Available Native Features

  • Native push notifications (APNs / FCM)
  • Custom splash screen
  • Integrated status bar
  • Camera, geolocation, storage access
  • Haptic feedback

Technical Configuration

Manifest: /manifest.json
Service Worker: /sw.js (scope: /)
Capacitor Config: capacitor.config.ts
Offline page: /offline

Requirements for Native Compilation

  1. Install Capacitor CLI: npm install @capacitor/cli @capacitor/core
  2. Add platforms: npx cap add ios / npx cap add android
  3. Sync: npx cap sync
  4. Open in native IDE: npx cap open ios / npx cap open android

Addendum 14 — August 2026 — Workstream 11 (Mobile PWA + Capacitor)

© 2024–2026 GOWEBA INC. — Make it Simple, Make it Possible, Make it Real.