0 ۱۳ اردیبهشت ۱۴۰۳ آخرین بروزرسانی: 3 ماه پیش
ابتدا در مسیر 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