Bubweb
  • 🌟News and Releases
    • New Templates
  • 🚀HELP GUIDE
    • Hire me
    • Getting Started
      • New Responsive Properties
      • Stripe
      • Google Login
      • Charts
        • Area
        • Column
        • Pie
        • Dumbbell
        • Polar Area
      • PWA
  • 🎨Templates
    • OpenAI & Claude
      • AI Agent Tools: OpenAI & Claude
    • Stable Diffusion SaaS Image Generator
      • Getting Started
      • Styles & Config
    • OpenAI & DALL-E
      • OpenAI SaaS - Tools Generate
        • 0️⃣New Responsive Properties
        • 1️⃣Configure Role & ID attribute
        • 2️⃣Configure OpenAI & DALL-E
        • 3️⃣Configure Stripe
        • 4️⃣Deploy to Live
        • Styles
        • PWA
    • Ecommerce
      • Ecommerce PWA - Stripe
        • New Responsive Properties
        • Company Role
        • Styles
        • Google Login
        • Stripe
        • PWA
        • 👁️‍🗨️Preview
    • CRM
      • CRM & Dashboard PWA - Lite
    • Dashboard Starter Kit
      • Global
        • 1️⃣New Responsive Properties
        • 2️⃣Configure Role
        • 3️⃣Styles
        • 4️⃣Charts
        • 5️⃣PWA
    • Social Network
      • Social Network Hub
        • 1️⃣New Responsive Properties
        • 2️⃣Configure Role
        • 3️⃣Styles
        • 4️⃣PWA
  • 🔌PLUGINS
    • Jotform
      • Getting Started
    • Microsoft OneDrive
      • Getting Started
Powered by GitBook
On this page
  • 1. Upload the files below
  • 2. Copy the scripts below
  • 3. Paste the scripts in the SEO/metatags settings
  1. HELP GUIDE
  2. Getting Started

PWA

Publishing your app as a PWA to the native store

PreviousPolar AreaNextOpenAI & Claude

Last updated 1 year ago

1. Upload the files below

  1. Preview the manifest:

  2. Preview the service worker:

Download Files from

2. Copy the scripts below

Script/meta tags in header

<link rel="manifest" href="/manifest.json"/>

Script in the body

<script>
 if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
 navigator.serviceWorker.register('/service-worker.js', { scope: '/' }).then(function(registration) {
 // Registration was successful
 console.log('ServiceWorker registration successful with scope: ', registration.scope);
 }, function(err) {
 // registration failed :(
 console.log('ServiceWorker registration failed: ', err);
 });
});
}
</script>

3. Paste the scripts in the SEO/metatags settings

NOTE: This feature only works on a paid bubble.io plan

🚀
manifest.json
service-worker.js
Google Drive