موجودی کیف پول تومان 0
سبد خرید0

هیچ محصولی در سبد خرید نیست.

pwa for whmcs

ابتدا در مسیر whmcs/templates/template-name که template-name نام قالب فعال شما است، یک فایل با عنوان sw.js ایجاد کنید و کد زیر را داخل آن پیست کنید

				
					self.addEventListener('install', function(event) {
 
});
 
self.addEventListener('fetch', function(event) {
 
});
				
			

در همان مسیر یک پوشه با عنوان دلخواه ایجاد و فایل manifest.json را داخل آن ایجاد کنید. سپس کد زیر را داخل فایل پیست کنید. یک آیکون نیز با ابعاد 512×512 در همان پوشه قرار دهید. این آیکون آیکون نمایشی در در صفحه اصلی است.

				
					{
  "name": "Web App", // عنوان
  "short_name": "nuhost", // عنوان اپلیکیشن که در صفحه موبایل نمایش داده مبشود
  "description": "WHMCS web app", // توضیحات
  "start_url": "https://example.ir/", // آدرس وبسایت شما
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#000000",
  "icons": [
    {
      "src": "whmcs.png", // مسیر ایکون
      "sizes": "192x192",
      "type": "image/png"
    }
  ]
}
				
			

سپس کد زیر را در فایل head.tpl در مسیر templates/template-name/includes/head.tpl قرار دهید. توجه کنید که template-name نام قالب فعال شما میباشد

				
					<link rel="manifest" href="/whmcs/templates/template-name/pwa/manifest.json"> <!-- مسیر فایل manifest.json -->
<script>
  if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('/whmcs/templates/template-name/sw.js') // مسیر فایل sw.js
      .then(function(registration) {
        console.log('Service Worker successfully registered:', registration);
      })
      .catch(function(error) {
        console.log('Service Worker registration failed:', error);
      });
  }
</script>
				
			

منبع: WHMCS Community

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *