plunkerでserviceworker その2

概要

plunkerでserviceworker、やってみた。
codepenでは、出来ない。
fetchをフックして、jsonを返す。

写真

サンプルコード

self.onfetch = function(event) {
    var requestURL = new URL(event.request.url);
    if (requestURL.pathname.match('/test')) 
    {
        var result = [{ 
            id: 1, 
            name: 'aaaaa', 
            mail: '[e-mail]' 
        }, { 
            id: 2, 
            name: 'bbbbb', 
            mail: '[e-mail]' 
        }, { 
            id: 2, 
            name: 'ccccc', 
            mail: '[e-mail]' 
        }, ];
        var response = new Response(JSON.stringify(result), {
            status: 200,
            statusText: 'OK',
            headers: {
                'Content-Type': 'application/json'
            }
        });
        event.respondWith(response);
    }
};

成果物

以上。