Setelah kita mempelajari konsep PWA Google, maka kita akan mencoba dengan membuat aplikasi pertama dari PWA (Progressive Web Apps). Pada artikel kali ini kita akan membahas mengenai mendownload source code, instalasi web server untuk browser Chrome, dan menjalankan aplikasi pertama PWA.

Langkah-langkah untuk membuat aplikasi pertama PWA adalah seperti berikut ini

  1. Download Source Code:
    Pada gambar di atas terlihat apa saja yang harus disiapkan untuk membuat aplikasi PWA yang pertama. Pada gambar di atas silahkan download The sample code kemudian lanjutkan instal web server dengan mengklik link Web Server for Chrome. Proses instalasi Web Server for Chrome kemudian akan dilanjutkan dengan langkah ke dua di bawah ini.
  2. Install web server:

    Pada gambar di atas terlihat bahwa Web Sever akan diinstal sebagai extension pada Chrome

    Klik Add app dan akan masuk ke langkah 3.
  3. Menjalankan web server:

    Kita jalankan web server dan selanjutnya akan masuk langkah berikutnya yaitu memilih Folder.
  4. Memilih Folder:

    Pada gambar di atas kita akan mengarahkan folder final dari souce yang tadi kita  telah download.
  5. Melihat hasilnya:

    Langkah selanjutnya adalah mencoba dengan mengetikkan http://127.0.0.1:8887/ seperti gambar di atas.

Kita juga dapat menggunakan web server kita sendiri dengan source code seperti yang telah didownload dan hasilnya juga sama seperti gambar berikut ini:

Informasi lebih lanjut silahkan mengunjungi
1. https://developers.google.com/web/progressive-web-apps/ .
2. https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/
3. Progressive Web Apps Training di https://developers.google.com/web/ilt/pwa/ .

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

« | »