Selanjutnya kita akan membahas bagaimana membuat service worker pada modul Yii dan tentu saja kita melanjutkan kepada proses registrasi service worker ini. Kita akan menerapkan scope service worker ini padatingkatan modul karena penulis menganggap bahwa level inilah yang paling relevan dengan organisasi atau bisnis proses perusahaan.

Yii yang kita pakai adalah Yii 1.

Langkah-langkah membuat service worker

  1. Membuat SwController.php pada modul tersebut:
    class SwController extends Controller
    {
    	public function actionIndex()
    	{
    		header('Content-Type: application/javascript');
    		$this->renderPartial('sw');
    	}
    
    	public function actionDaftar()
    	{
    		$this->renderPartial('daftar');
    	}
    }
    

    Perhatikan pada actionIndex kita harus memberikan MIME Type ‘application/javascript’ karena ini sudah merupakan persyaratan.

  2. Isi dari views/sw/sw.php:

    //ini untuk script service worker

  3. Isi dari views/sw/daftar.php:

    <html>
    <head></head>
    <body>
    <script>

       if ('serviceWorker' in navigator)
       {
           navigator.serviceWorker.register("../sw").then
           (
               function(registration)
               {
                   console.log("Berhasil registrasi service worker dengan scope:",registration.scope);
               }
           )
           .catch
           (
               function(err)
               {
                   console.log('registrasi gagal');
               }
      
           );
       }
    

    </script>
    </body>
    </html>

  4. Hasilnya:

Kunjungi www.proweb.co.id untuk menambah wawasan anda

Register Service Worker pada modul Yii