Untuk mengetahui cara terbaik untuk membangunkan Apl Web Progresif, mari kita mengingati maksudnya:
PWA menggabungkan fungsi tapak, internet dan aplikasi asli.
Terima kasih kepada standard web yang dipertingkatkan, penyemak imbas kini menyokong Pekerja Perkhidmatan dan Manifes Apl Web. Oleh itu adalah mungkin untuk menyemak imbas tapak tanpa internet, sama ada pada mudah alih atau komputer, seperti aplikasi. Kemungkinan untuk menerima pemberitahuan melalui penyemak imbas dan menambah tapak sebagai aplikasi pada skrin utama kini menjadikan tapak web lebih dekat dengan gelagat aplikasi asli.
Kelemahan utama untuk tapak adalah navigasi yang lebih panjang dengan memuat turun setiap halaman atas permintaan berbanding dengan paparan segera aplikasi asli. Sekarang semua fail boleh disimpan di hulu dan menyemak imbas tanpa internet mungkin, perbezaan ini jelas telah dipadamkan oleh perasaan kelajuan sebenar.
Flat kecil : jika anda ingin mencipta aplikasi yang prestasinya ditingkatkan oleh grafik dan pengiraan (permainan video, ..), ia kekal untuk mempertimbangkan pembangunan asli yang akan sentiasa lebih pantas pada peranti klien.
Ringkasnya, PWA ialah tapak yang dibangunkan menggunakan teknologi web standard (HTML, CSS dan Javascript) tetapi berkelakuan dalam semua aspek seperti aplikasi asli.
#Alat pembangunan:
Jika anda memilih untuk membangunkan atau mengalihkan tapak anda kepada PWA, bergantung pada projek, berikut ialah beberapa alatan yang paling popular pada masa ini:
Bertindak :
https://fr.reactjs.org/
Rangka kerja javascript yang dikeluarkan dan diselenggara oleh Facebook.
Alat ini diketahui lebih ringan dan lebih fleksibel daripada Angular. Anda boleh menambah ciri dari semasa ke semasa, dan agak bebas dalam mengatur kod, tetapi kekangan pembangunan sering diutamakan dalam pasukan yang lebih besar.
Kelebihannya ialah mempelajari rangka kerja ini juga membolehkan anda mengetahui ReactNative (dari Facebook) yang membolehkannya mencipta aplikasi asli.
bersudut :
https://angular.io/
Rangka kerja direka dan diselenggara oleh Google. Rangka kerja mengatakan "berat" dalam erti kata ia cukup mengekang pembangunan dan dilengkapi dengan set ciri javascript dari awal.
Kelebihan dan kekurangan : Minat untuk pasukan yang semakin berkembang dan/atau projek jangka panjang kerana kod tersebut diperlukan untuk disusun dengan baik. Membenamkan TypeScript juga pergi ke arah ini, kerana ia akan mengambil masa yang lebih lama dalam jangka pendek untuk menulis dalam Typescript daripada dalam javascript, tetapi kod akan lebih mudah dibaca dan ralat akan lebih mudah untuk dikesan.
Vue.js :
https://vuejs.org/
Rangka kerja sumber terbuka yang dibuat oleh bekas pembangun Google. Rangka kerja ini lebih baharu dan telah melonjak dalam beberapa tahun kebelakangan ini, disebabkan oleh apa yang dipanggil kesederhanaan dan prestasi yang baik. Dengan cara yang sama seperti React, alat ini datang dengan cara yang ringan dan membolehkan anda menambah perpustakaan javascript semasa anda mengikuti projek anda.
Ionic :
https://ionicframework.com/
Rangka kerja untuk membangunkan aplikasi hibrid dan PWA. Melalui Webview, Ionic memungkinkan untuk mendapatkan aplikasi di kedai dengan teknologi web. Ia juga mungkin untuk membangunkan PWA dengan platform ini yang turut menyokong React dan Angular.
Polimer :
https://www.polymer-project.
Dibangunkan oleh Google, Polymer ialah perpustakaan javascript untuk mencipta aplikasi web. Lebih dekat dengan standard web tetapi kurang popular; adalah mungkin untuk mengikuti kemungkinan masa depan web melalui teknologi ini yang menolak bahasa sedia ada dan bukannya mematuhi rangka kerja.
Lighthouse :
https://developers.google.com/
Alat yang dibangunkan oleh Google untuk mengukur peluncur PWA yang berbeza bagi tapak web. Ini boleh menjadi sangat berguna semasa pembangunan fungsi PWA (semakan imbas luar talian, ujian prestasi, dsb.).
Perkembangan yang baik!
Maxime, Full Stack@UX-Republic Developer
