Panduan Langkah demi Langkah untuk Mengupah Pembangun Apl Web Progresif Terbaik pada tahun 2022

Jadual Kandungan +

Jika anda ingin mengupah pembangun aplikasi web progresif , terdapat beberapa perkara yang perlu anda ingat. Dalam panduan ini, kami akan membimbing anda melalui semua yang anda perlu ketahui tentang PWA dan cara mencari pembangun terbaik untuk projek anda.

Apakah itu Apl Web Progresif?

Apl web progresif ialah aplikasi web yang menggunakan teknologi web moden untuk menyampaikan pengalaman seperti aplikasi. PWA adalah pantas, boleh dipercayai dan menarik, menjadikannya sesuai untuk perniagaan yang ingin memberikan pengalaman pengguna yang hebat tanpa perlu membangunkan apl asli.

PWA menggunakan pekerja perkhidmatan untuk menyimpan aset statik dan bekerja di luar talian. Mereka juga menggunakan fail manifes apl web untuk memberikan apl itu rasa seperti asli, menjadikannya mungkin untuk menambahkan apl pada skrin utama dan juga melancarkannya tanpa sambungan internet.

Kelebihan Apl Web Progresif

PWA boleh dipasang, boleh dipaut, boleh ditemui, boleh berinteraksi semula, bebas rangkaian, responsif, selamat dan pantas.

Boleh dipasang : PWA boleh dipasang, yang bermaksud ia boleh ditambahkan pada skrin utama peranti tanpa melalui gedung aplikasi. Itu memudahkan pengguna mencari dan melancarkan aplikasi. Ia juga menghapuskan keperluan untuk sambungan data untuk menggunakan aplikasi.
Boleh ditemui : Memandangkan apl web progresif ialah tapak web, enjin carian boleh mengindeksnya. Itu menjadikannya boleh ditemui dalam hasil carian, yang memberikan perniagaan cara baharu untuk menjangkau khalayak sasaran mereka.
Boleh berinteraksi semula : Pengguna apl mudah alih lebih berkemungkinan untuk kembali menggunakan semula apl berbanding tapak web . PWA boleh memanfaatkan ini dengan menghantar pemberitahuan tolak kepada pengguna walaupun mereka tidak menggunakan apl tersebut. Itu membantu perniagaan mengekalkan jenama mereka di atas fikiran dan menggalakkan pelanggan untuk kembali.
Bebas rangkaian : Salah satu kelebihan terbesar apl web progresif ialah ia boleh berfungsi di luar talian. Anda tidak perlu risau tentang sambungan internet yang rendah atau tiada sambungan langsung. Apl ini akan tetap berfungsi, membolehkan anda menjangkau khalayak yang lebih besar di kawasan yang mempunyai sambungan internet yang lemah atau tiada sambungan.
Responsif : Apl web progresif adalah responsif. Bermaksud ia kelihatan hebat pada mana-mana peranti, tanpa mengira saiz atau resolusi skrin. Itu penting untuk perniagaan yang ingin menjangkau khalayak yang lebih luas, termasuk mereka yang menggunakan peranti mudah alih mereka.
Selamat : Apl web progresif selamat digunakan kerana ia dibina menggunakan teknologi web moden. Data anda selamat dan anda tidak perlu risau tentang perisian hasad atau virus.
Pantas : Apl web progresif adalah pantas. Mereka menggunakan pekerja perkhidmatan untuk menyimpan aset statik cache, jadi apl dimuatkan dengan cepat, walaupun pada sambungan internet yang perlahan.
Seperti apl: Apl web progresif kelihatan dan berasa seperti apl mudah alih asli. Ia boleh dibuat pada model cangkerang aplikasi dan mempunyai penyegaran halaman paling sedikit.

Cara Apl Web Progresif (PWA) Berfungsi

PWA adalah istilah yang agak luas. Luas dalam erti kata bahawa terdapat banyak cara untuk membangunkan dan mengagihkan PWA.

Dalam istilah orang awam, PWA ialah tapak web yang digunakan dan dipaparkan dengan berkesan seperti aplikasi asli. Contoh yang sempurna ialah seperti Phonegap atau Cordova, di mana anda menggabungkan paparan web dalam apl untuk menjadikannya lebih seperti apl asli.

Terdapat PWA lain, seperti projek AMP for Ads, yang direka bentuk untuk menjadikan iklan berasa lebih seperti pengalaman asli.

Pada tahap yang tinggi, berikut ialah cara PWA berfungsi:

Pengguna melawat tapak web yang dibina sebagai PWA.
Tapak web meminta kebenaran tertentu daripada pengguna, seperti pemberitahuan tolak atau data lokasi.
Pengguna memberikan kebenaran dan diubah hala ke skrin utama PWA.
PWA dimuatkan dengan cepat dan terasa seperti apl asli pada peranti.
Pengguna boleh menggunakan PWA di luar talian atau dengan sambungan internet yang rendah.
PWA boleh menghantar pemberitahuan tolak kepada pengguna, walaupun tidak menggunakan apl.
Pengguna boleh melancarkan PWA dari skrin utama mereka, sama seperti apl asli.

Perbezaan Antara PWA dan Apl Asli

Terdapat beberapa perbezaan kritikal antara apl web progresif dan apl asli.

Apl asli dibangunkan khusus untuk platform tertentu, iOS atau Android. Mereka direka bentuk untuk memanfaatkan ciri platform dan boleh dipasang terus pada peranti.

PWA ialah tapak web yang direka bentuk untuk kelihatan dan berasa seperti apl asli. Ia biasanya dibangunkan menggunakan teknologi web , seperti HTML, CSS dan JavaScript. Dan ia boleh dipasang pada peranti, sama seperti apl asli.

Satu lagi perbezaan utama ialah PWA biasanya lebih ringan dan lebih pantas daripada apl asli. Ini kerana ia tidak dibina menggunakan kod khusus platform. Mereka juga tidak kaya ciri seperti apl asli kerana mereka tidak mempunyai akses kepada ciri platform.

Akhir sekali, PWA lebih mudah ditemui berbanding apl asli . Itu kerana ia boleh diindeks oleh enjin carian dan ditemui dalam hasil carian. Apl asli hanya boleh ditemui di kedai aplikasi.

Kos Pembangunan

PWA lebih murah untuk dibangunkan daripada aplikasi asli. Ini kerana anda tidak perlu mempelajari bahasa baharu atau menggunakan alatan pembangunan tertentu. Anda boleh menggunakan alat dan teknologi yang sama yang anda sudah tahu untuk membangunkan PWA.

Bukan untuk mempertimbangkan sumber yang anda perlukan untuk menyelenggara dan mengemas kini apl asli, PWA secara keseluruhannya lebih murah.

PWA juga tidak memerlukan proses kelulusan yang sama seperti apl asli . Anda boleh menerbitkan PWA di web, dan ia akan tersedia kepada pengguna serta-merta. Apl asli perlu diluluskan oleh gedung aplikasi sebelum menjadikannya tersedia kepada pengguna.

PWA juga menjimatkan masa, memandangkan anda hanya perlu membina satu pangkalan kod untuk semua platform. Anda tidak perlu membuat pangkalan kod berasingan untuk iOS dan Android.

Keselamatan dan Keselamatan

Salah satu faedah menggunakan PWA ialah ia lebih selamat daripada tapak web tradisional. Itu kerana PWA menggunakan HTTPS untuk menyulitkan semua data antara pengguna dan tapak web. Itu menghalang sesiapa daripada mencuri dengar atau mengganggu data.

Apl asli agak sukar untuk dilindungi. Untuk menjadikannya selamat, anda perlu melaksanakan pelbagai langkah keselamatan , seperti pengesahan dan penyulitan berbilang faktor.

PWA juga boleh dibungkus dengan webhooks, yang membenarkan apl menghantar dan menerima data daripada pelayan. Itu boleh digunakan untuk perkara seperti pengesahan dan penyimpanan data.

Pemasangan dan Kemas Kini

Apl asli perlu dimuat turun dan dipasang dari gedung aplikasi. Itu kerja tambahan untuk pengguna. Walaupun ini mungkin berfungsi untuk sesetengah pengguna, ia terlalu banyak geseran untuk orang lain.

Sebaliknya, PWA dijalankan dari penyemak imbas dan tidak perlu dipasang. Selain itu, pengguna boleh menambah PWA ke skrin utama mereka daripada penyemak imbas dengan hanya beberapa ketikan.

Selain itu, PWA juga dikemas kini secara automatik. Setiap kali versi baharu PWA diterbitkan, ia dikemas kini secara automatik pada peranti pengguna. Pengguna tidak perlu mengemas kini apl secara manual.

Penggunaan dan Penglibatan

Memandangkan PWA ialah tapak web , ia boleh digunakan pada mana-mana peranti yang mempunyai penyemak imbas web. Itu termasuk komputer riba, desktop, telefon pintar dan tablet.

Apl asli dibangunkan khusus untuk platform tertentu dan hanya boleh digunakan pada peranti yang menjalankan platform tersebut . Contohnya, apl iOS tidak boleh digunakan pada peranti Android.

Perbezaan Antara PWA dan Laman Web Konvensional

PWA adalah serupa dengan tapak web, tetapi terdapat beberapa perbezaan utama. Perbezaan utama ialah PWA boleh dipasang pada peranti sama seperti aplikasi asli.

Selain itu, walaupun tapak web hanya boleh diakses menggunakan penyemak imbas web , PWA juga boleh diakses menggunakan pelancar apl. Itu menjadikan mereka lebih mudah diakses dan mudah digunakan.

Akhir sekali, PWA lebih dipercayai daripada tapak web . Ia boleh digunakan di luar talian atau dengan sambungan internet yang rendah. Itu tidak mungkin dengan laman web.

PWA juga dimuatkan lebih cepat daripada tapak web. Ini kerana mereka menggunakan Service Workers untuk cache aset statik, yang menjadikan proses pemuatan apl lebih pantas dan lancar.

Bila hendak menggunakan PWA

Setelah anda mengetahui perbezaan antara PWA dan apl asli, anda mungkin tertanya-tanya bilakah anda harus menggunakan PWA.

Apabila anda Ingin Mencapai Khalayak Yang Lebih Luas : Jika anda ingin menjangkau khalayak yang lebih luas, PWA ialah pilihan yang sangat baik. Ini kerana ia boleh dipasang pada mana-mana peranti , tanpa mengira platform.
Apabila Anda Tidak Memerlukan Akses kepada Ciri Platform : PWA boleh membuat pilihan yang baik jika anda tidak memerlukan akses kepada ciri platform, seperti kamera atau senarai kenalan.
Apabila Anda Perlu Membangunkan Pantas: Jika anda perlu membangun dengan cepat, PWA ialah pilihan yang sangat baik. Ini kerana ia lebih mudah dibuat berbanding apl asli, terutamanya kerana anda tidak perlu mengetahui platform tertentu .
Apabila Anda Mempunyai Sumber Terhad: PWA tidak memerlukan tahap sumber yang sama seperti apl asli. Anda tidak memerlukan pasukan pembangun dengan pengetahuan platform khusus. Mereka juga lebih ringan dan lebih pantas, jadi mereka tidak memerlukan banyak sumber untuk dijalankan sebagai apl asli.
Apabila Anda Perlu Mengulang Pantas: Jika anda perlu mengulang dengan cepat, PWA ialah cara yang perlu dilakukan. Ini kerana ia lebih mudah dikemas kini berbanding apl asli. Anda boleh menggunakan versi baharu PWA tanpa perlu melalui gedung aplikasi.
Apabila Anda Menyasarkan Peranti Lama: Native mungkin memerlukan pengguna memasang sistem pengendalian terkini pada peranti mereka. Tetapi PWA akan berfungsi pada mana-mana peranti, tidak kira sistem pengendalian yang digunakan dan sama ada ia adalah versi yang dikemas kini atau tidak. Mereka masih akan bekerja.
Apabila Anda Membangunkan Berbilang Platform : Anda tidak perlu membangunkan versi aplikasi yang berbeza untuk setiap platform. Anda boleh mencipta apl sekali dan ia akan berfungsi pada semua peranti.

Keperluan untuk Bermula dengan Pembangunan PWA

PWA tidak sukar untuk dibangunkan. Anda tidak memerlukan sebarang alat atau kemahiran pembangunan khusus. Apa yang anda perlukan ialah pelayar web dan sedikit pengetahuan tentang HTML, CSS dan JavaScript.

Jika anda ingin mencipta PWA yang kelihatan dan terasa seperti apl asli , anda boleh menggunakan rangka kerja, seperti React Native atau Ionic.

Berikut adalah beberapa perkara yang anda perlukan untuk memulakan pembangunan PWA:

Alatan

Teknologi yang paling terkenal untuk membangunkan PWA ialah Angular. Angular ialah platform lengkap untuk membangunkan aplikasi HTML, CSS dan JavaScript. Ia termasuk semua yang anda perlukan untuk bermula, termasuk perpustakaan, alatan dan templat.

Jika anda tidak biasa dengan Angular, jangan risau. Terdapat banyak rangka kerja lain yang boleh anda gunakan untuk membangunkan PWA. Beberapa rangka kerja popular lain yang boleh anda gunakan termasuk React, Ionic, Vue.js dan Polymer.

HTTPS

Semua PWA mesti disampaikan melalui HTTPS. Ini kerana PWA menggunakan pekerja perkhidmatan, yang hanya disokong pada HTTPS.

Anda boleh menjana sijil SSL percuma menggunakan Let's Encrypt. Sebagai alternatif, anda boleh menggunakan sijil SSL berbayar daripada pembekal seperti Comodo atau Symantec.

Shell Aplikasi

Cangkang aplikasi ialah rangka PWA anda. Ia termasuk HTML asas, CSS dan JavaScript yang diperlukan untuk memuatkan apl.

Anda boleh menganggap shell aplikasi sebagai asas PWA anda. Itulah yang membuatkan PWA anda berasa seperti apl asli.

Pekerja Perkhidmatan

Pekerja perkhidmatan ialah skrip yang dijalankan di latar belakang dan menyediakan sokongan luar talian, antara lain.

Mereka adalah bahagian penting dalam PWA. Tanpa pekerja perkhidmatan, PWA anda tidak lebih daripada tapak web.

Pekerja perkhidmatan boleh menyelesaikan tugasan walaupun pengguna berada di luar talian. Contohnya, mereka boleh cache data tapak web supaya pengguna masih boleh berinteraksi dengan kandungan tapak walaupun ketika tapak itu di luar talian.

Berikut adalah lebih banyak fungsi pekerja perkhidmatan:

- Menghantar pemberitahuan tolak
- Penyegerakan latar belakang
- Geofencing
- Pra-cache aset statik
- Ikon lencana
- Menjalankan tugas pengambilan latar belakang
Manifes Apl Web

Manifes apl web ialah fail JSON yang mengandungi maklumat tentang PWA anda. Ia termasuk nama, ikon, skrin pelancaran dan butiran lain tentang apl anda.

Fail mengandungi maklumat yang memberitahu PWA anda cara untuk muncul dan berfungsi. Ia membolehkan anda menentukan nama, ikon, warna, penerangan dan ciri lain PWA anda.

Berikut ialah contoh manifes apl web:

{

“short_name” : “DevBlogger” ,

“nama” : “DevBlogger” ,

“penerangan” : “Semua cerita dev di bawah satu bumbung” ,

“warna_tema” : “#eb5252” ,

“warna_latar belakang” : “#000000” ,

“paparan” : “skrin penuh” ,

“Skop” : “/” , “orientasi” : “potret” ,

“ikon” : [

{

“src” : “images/android/android-launchericon-48-48.png” ,

"jenis" : "imej/png" ,

“saiz” : “48×48”

{

“src” : “images/android/android-launchericon-96-96.png” ,

"jenis" : "imej/png" ,

“saiz” : “96×96”

{

“src” : “images/android/android-launchericon-192-192.png” ,

"jenis" : "imej/png" ,

“saiz” : “192×192”

}

“start_url” : “index.html?utm_source=homescreen”

}

Audit Apl Web Anda untuk Keserasian PWA

Itu boleh dilakukan dengan alat Google Lighthouse.

Ia ialah alat automatik dan sumber terbuka yang membantu anda meningkatkan kualiti apl web anda . Rumah Api berjalan dalam Alat Pembangun Chrome dan mengaudit apl anda untuk ciri, prestasi, kebolehaksesan PWA dan banyak lagi.

Anda boleh menggunakan Lighthouse untuk menguji tapak web atau apl web sedia ada anda untuk keserasian PWA. Ia akan membantu anda mengenal pasti mana-mana bahagian yang memerlukan penambahbaikan.

Google ialah salah satu juara terbesar PWA. Mereka telah mendorong mereka sebagai masa depan web.

Perkara yang Perlu Diperhatikan dalam Pembangun Apl Web Progresif

Apl web progresif bukan sahaja untuk syarikat besar. Sebarang perniagaan, tidak kira saiznya, boleh mendapat manfaat daripada PWA.

Tidak semua pembangun PWA dicipta sama. Jadi, apakah yang perlu anda cari semasa mengambil pekerja?

Pengalaman dengan Apl Web Progresif

Pembangun PWA anda mesti mempunyai pengalaman dengan PWA. Mereka harus mengetahui semua selok belok membangunkan dan menggunakan mereka.

Pengalaman dengan Angular, React, Ionic, Vue.js atau Polimer

Jika pembangun PWA anda tidak mempunyai pengalaman dengan salah satu rangka kerja ini, mereka mungkin tidak sesuai untuk tugas itu.

Pengalaman dengan Pekerja Perkhidmatan

Pekerja perkhidmatan adalah bahagian penting PWA.

Mereka menyediakan sokongan luar talian dan ciri lain. Pembangun PWA anda sepatutnya mempunyai pengalaman bekerja dengan mereka.

Pengalaman dengan Manifes Apl Web

Manifes apl web ialah fail JSON yang mengandungi maklumat tentang apl anda. Ia digunakan untuk menentukan nama, ikon, warna, penerangan dan ciri lain PWA anda.

Pengalaman dengan HTTPS

Semua PWA mesti disampaikan melalui HTTPS. Itu kerana mereka menggunakan pekerja perkhidmatan, yang hanya disokong pada HTTPS. Pembangun PWA anda sepatutnya mempunyai pengalaman menyediakan sijil SSL dan mengkonfigurasi https.

Pengalaman dengan Google Analitis atau Firebase

Google Analitis dan Firebase adalah penting untuk menjejak kejayaan PWA anda. Pembangun PWA anda sepatutnya biasa dengan kedua-dua perkhidmatan.

Pengalaman dengan Alat Pembangun Chrome

Alat Pembangun Chrome digunakan untuk mengaudit apl anda untuk ciri PWA. Pembangun PWA anda sepatutnya cukup biasa dengannya untuk menggunakannya untuk menyelesaikan masalah.

Kemahiran Komunikasi Cemerlang

Memandangkan PWA ialah teknologi baharu, mungkin terdapat beberapa soalan. Pembangun PWA anda harus berkomunikasi dengan anda dengan berkesan dan menerangkan segala-galanya secara terperinci.

Keghairahan untuk Apl Web Progresif

PWA ialah masa depan web. Pembangun PWA anda seharusnya mempunyai semangat untuk mereka dan teruja untuk mengusahakannya.

Jika pembangun PWA anda memenuhi semua kelayakan ini, anda telah menemui yang betul.

kos

Sudah tentu, anda juga perlu mempertimbangkan kos mengupah pembangun PWA. Kadar purata untuk pembangunan PWA ialah $50-$100 sejam.

Cara Mengupah Pembangun Apl Web Progresif

Sekarang anda tahu perkara yang perlu dicari dalam pembangun PWA, tiba masanya untuk mengupah satu.

Cari Perkhidmatan Pembangunan PWA

Banyak syarikat menawarkan perkhidmatan pembangunan PWA. Itulah tempat yang bagus untuk memulakan carian anda.

Tanya Pembangun Web Sedia Ada Anda Jika Mereka Menawarkan Pembangunan PWA

Jika anda sudah mempunyai pembangun web, tanya mereka sama ada mereka menawarkan pembangunan PWA. Ramai pembangun web kini menawarkan perkhidmatan ini.

Siarkan Pekerjaan di Upwork, Toptal atau tapak bebas lain

Jika anda ingin mengupah pekerja bebas, siarkan kerja di Upwork, Toptal atau tapak bebas lain. Pastikan anda memasukkan semua kelayakan yang disenaraikan di atas dalam siaran kerja anda.

Minta Cadangan

Jika anda mengenali seseorang yang telah membangunkan PWA, tanya mereka untuk mendapatkan cadangan. Mereka mungkin mengenali seseorang yang sangat sesuai untuk projek anda.

Buat Carian Google

Carian Google yang mudah juga boleh membantu anda mencari pembangun PWA. Cuma cari "pembangun aplikasi web progresif" atau "syarikat pembangunan PWA."

Sebaik sahaja anda telah menemui beberapa pembangun PWA, tiba masanya untuk memulakan proses temu duga.

Soalan Temuduga untuk Ditanyakan kepada Pembangun Apl Web Progresif

Apakah pengalaman anda dengan Apl Web Progresif (PWA)?

Soalan pertama yang perlu anda tanya ialah tentang pengalaman mereka dengan PWA. Anda ingin memastikan mereka mempunyai pengalaman membangunkan dan menggunakan mereka.

Adakah anda mempunyai pengalaman dengan mana-mana rangka kerja?

Seperti yang kami nyatakan sebelum ini, pembangun PWA anda harus mempunyai pengalaman dengan sekurang-kurangnya satu daripada rangka kerja yang popular. Contohnya termasuk React, Angular dan Vue.js.

Apa-apa kerja lepas yang anda boleh kongsi dengan saya?

Pembangun PWA anda sepatutnya boleh berkongsi beberapa kerja lepas dengan anda. Itu akan memberi anda gambaran tentang kemahiran dan pengalaman mereka.

Adakah anda mempunyai sebarang soalan untuk saya?

Pastikan anda bertanya kepada pembangun PWA anda jika mereka mempunyai sebarang soalan untuk anda. Ini akan membantu anda mengukur minat mereka dalam projek itu.

Apakah ketersediaan anda?

Pastikan anda bertanya tentang ketersediaan mereka. Anda ingin memastikan mereka mempunyai masa yang mencukupi untuk mengerjakan projek anda.

Berapa kadar anda?

Sudah tentu, anda juga ingin bertanya tentang kadar mereka. Kadar purata untuk pembangunan PWA ialah $50-$100 sejam. Adakah terdapat sebarang caj tersembunyi?

Berapakah anggaran masa untuk projek itu?

Pastikan anda bertanya tentang anggaran masa untuk projek itu. Anda tidak mahu ia mengambil masa terlalu lama atau tergesa-gesa.

Adakah anda mempunyai sebarang pengalaman dengan (ciri PWA khusus)?

Jika terdapat ciri PWA tertentu yang anda minati, tanya pembangun PWA anda jika mereka mempunyai pengalaman dengannya.

Bagaimana anda akan pergi (tugas khusus)?

Jika anda mempunyai tugas tertentu, anda mahu pembangun PWA anda lakukan, tanya mereka bagaimana mereka akan melakukannya. Itu akan memberi anda idea tentang pendekatan mereka untuk menyelesaikan masalah.

Apakah bahagian kegemaran anda tentang bekerja dengan PWA?

Itulah soalan yang bagus untuk mengukur minat dan keterujaan mereka terhadap PWA. Anda mahukan pembangun PWA yang meminati mereka.

Berapakah Kos untuk Mengupah Pembangun Apl Web Progresif?

Sekarang anda tahu perkara yang perlu dicari dalam pembangun PWA, tiba masanya untuk mengupah satu.

Tetapi sebelum anda melakukannya, anda perlu tahu berapa kosnya.

Perlu diingat bahawa kos mungkin berbeza-beza bergantung pada projek, pengalaman dan kemahiran pembangun serta lokasi.

Faktor penentu terbesar biasanya aplikasi PWA itu sendiri. Kami bercakap tentang kefungsian, gaya, ciri dan reka bentuk. Secara umum, kos ditentukan oleh bilangan jam yang perlu dimasukkan oleh pemaju.

Bagi pengalaman dan kemahiran pembangun pula, semakin berpengalaman dan berkemahiran mereka, semakin tinggi kosnya.

Dan akhir sekali, lokasi juga merupakan faktor besar. Pembangun PWA di negara seperti Amerika Syarikat, United Kingdom dan Australia cenderung mengenakan bayaran lebih daripada pemaju di negara kurang maju, seperti India, Pakistan, Afrika dan Brazil.

Untuk memberi anda idea yang lebih baik tentang kos untuk mengupah pembangun PWA, kami telah cuba meringkaskan segala-galanya dalam bahagian siaran ini:

Kos Membangunkan Apl Web Progresif di Negara Berbeza

Pandangan kasual ke web menunjukkan bahawa pembangun cenderung untuk mengenakan bayaran antara $1000 dan $10000 untuk membangunkan Apl Web Progresif yang ringkas.

Sebaliknya, Purata apl kerumitan berharga antara $10,000 dan $25,000.

Akhirnya, dan tidak menghairankan, Apl Web Progresif yang kompleks dan kaya dengan ciri boleh menelan belanja sehingga $50,000 untuk dibangunkan, kadangkala lebih.

Untuk memberi anda anggaran kasar tentang kos untuk membangunkan PWA (menggunakan kadar 30/jam sebagai purata), kami akan mengatakan PWA asas akan menelan kos kira-kira $5,000, manakala PWA kompleks perantaraan akan menelan kos melebihi $15,000.

Untuk PWA yang lebih kompleks, sarat dengan ciri, anda harus bersedia untuk mengeluarkan $40,000 atau lebih.

Sudah tentu, ini hanya anggaran kasar. Kos akhir masih bergantung kepada keperluan projek sebenar.

Kadar pembangunan PWA Setiap Jam:

Kanada dan Amerika Syarikat: Wilayah ini dianggap paling mahal. Kos pembangunan purata ialah $60 hingga $150/jam.
Australia : Ini adalah tempat kedua paling mahal untuk membangunkan PWA. Kadar purata setiap jam ialah $50 hingga $120/jam.
Amerika Selatan: Pembangun di sini mengenakan bayaran purata $20 hingga $110 sejam.
Asia : Purata kadar pembangunan setiap jam rantau ini ialah $10 hingga $80.
Afrika : Kos pembangunan PWA lebih rendah di rantau ini berbanding di tempat lain. Kadar purata setiap jam hanya $10 hingga $50.
Indonesia : Kadar di rantau ini jauh lebih rendah, hanya $20

Kos Membangunkan PWA berdasarkan Peringkat Pembangunan

Dalam kebanyakan kes, proses pembangunan PWA akan dipecahkan kepada lima peringkat:

Pengesahan Keperluan Projek PWA
Penjimatan masa dan kos
Reka bentuk didorong penukaran
Kesedaran risiko
Penyegerakan pemilik produk dengan Penjual Apl PWA

Semuanya bermula dengan fasa penemuan projek, di mana perniagaan dan pasukan pembangunan bekerjasama untuk menentukan keperluan projek. Ini biasanya merupakan fasa yang paling intensif masa dan boleh mengambil masa sehingga sebulan untuk diselesaikan.

Ia melibatkan perkara berikut:

Reka Bentuk UX/UI
Produk tertunggak
Konsep produk
Pelan struktur

Semasa peringkat ini, anda akan dibekalkan dengan dokumentasi projek yang jelas yang memperincikan kos projek, tarikh akhir rasmi projek dan semua peristiwa penting yang berkaitan dengannya.

Setelah keperluan projek telah dimuktamadkan dan diluluskan, pasukan pembangunan akan membina PWA anda. Itu biasanya merupakan peringkat pembangunan yang paling lama dan paling mahal.

Purata masa yang dihabiskan pada peringkat ini adalah sekitar 1-6 minggu, dengan kos pembangunan $1,000 hingga $10,000.

Ambil perhatian bahawa harga reka bentuk PWA akan berbeza-beza bergantung pada bilangan skrin/halaman, animasi dan ciri yang dipesan lebih dahulu yang diperlukan. Secara amnya, anda boleh mengharapkan untuk membayar antara $2000 dan $5000 untuk reka bentuk berkualiti tinggi.

Setelah reka bentuk dimuktamadkan dan diluluskan, pasukan pembangunan boleh mula membina PWA. Peringkat ini biasanya akan mengambil masa 6 hingga beberapa minggu yang tidak ditentukan dan menelan belanja sekitar $10,000 hingga $25,000.

Setelah PWA selesai, ia perlu diuji dan digunakan. Ini biasanya mengambil masa sekitar 1-2 minggu dan berharga $1000 hingga $2000.

Secara keseluruhan, anda boleh mengharapkan untuk menghabiskan sekitar 3-12 minggu dan $10,000 hingga $50,000 untuk pembangunan.

Apakah yang Mempengaruhi Kos Pembangunan PWA?

Beberapa faktor boleh mempengaruhi kos membangunkan PWA. Sebahagian daripada ini termasuk:

Platform atau rangka kerja yang digunakan
Jenis apl (asas atau kompleks)
Keperluan reka bentuk dan pembangunan bahagian hadapan
Keperluan pembangunan bahagian belakang
Jaminan kualiti dan ujian
Kos penempatan dan pemuktamadkan

Mengupah pembangun dalaman akan sentiasa lebih mahal daripada penyumberan luar atau mengupah pembangun PWA bebas. Walau bagaimanapun, adalah penting untuk diingat bahawa kos PWA bukan sahaja termasuk pembangunan. Ia juga membantu untuk mempertimbangkan perbelanjaan lain seperti reka bentuk, ujian dan penggunaan.

4 Contoh Terbaik Apl Web Progresif (PWA) pada tahun 2022

Untuk membantu anda memahami PWA dan cara ia berbeza daripada apl web tradisional, kami telah mengumpulkan beberapa contoh terbaik PWA dari seluruh web.

Berikut ialah 4 PWA terbaik dari 2022:

i. Starbucks

Matlamat utama Starbucks adalah untuk menyediakan pelanggannya pengalaman dalam talian yang mudah diakses dan mesra pengguna. Untuk mencapai matlamat ini, mereka perlu membina PWA sistem pesanan mereka, memberikan pengalaman yang sama seperti aplikasi asli mereka yang sedia ada.

Starbucks PWA mempunyai ciri-ciri berikut:

Mod luar talian – membenarkan pengguna membuat pesanan walaupun mereka tidak mempunyai sambungan internet
Masa pemuatan pantas – halaman dimuatkan hampir serta-merta, tanpa mengira keadaan rangkaian
Pembayaran bersepadu – pelanggan boleh membayar pesanan mereka dengan mudah
Pemberitahuan pengguna – terima kemas kini masa nyata tentang status pesanan anda

ii. BMW

Sebagai sebuah syarikat kereta perintis, BMW ingin memastikan tapak web mereka sama inovatif dengan kereta mereka. Mereka membina PWA yang menawarkan pengalaman yang mengasyikkan dan interaktif untuk pengguna.

Beberapa ciri BMW PWA termasuk:

Model kereta 3D – terokai setiap butiran model terbaharu BMW
Pandangan 360 darjah – lihat lebih dekat dan peribadi dengan setiap kereta
Video – tonton video produk, video perlumbaan BMW dan banyak lagi
Galeri foto – lihat foto terkini kereta dan acara BMW

iii. Soundslice

Soundslice ialah tapak web pendidikan muzik yang membolehkan pengguna belajar dan berlatih muzik mengikut kadar mereka sendiri. PWA mereka menampilkan mod luar talian, jadi pengguna boleh mengakses kandungan walaupun mereka tidak mempunyai sambungan internet.

Ciri-ciri lain Soundslice PWA termasuk:

Audio berkualiti tinggi – semua bunyi jernih dan jelas
Notasi intuitif – mudah dibaca dan difahami untuk semua peringkat
Muzik helaian – cetak atau muat turun muzik helaian untuk latihan

iv. MakeMyTrip

MakeMyTrip ialah tapak web pelancongan terkemuka di India yang membantu pengguna menempah penerbangan, hotel dan banyak lagi. Mereka memutuskan untuk membina PWA untuk meningkatkan pengalaman pengguna mereka dan menawarkan pengalaman seperti aplikasi tanpa memuat turun aplikasi.

Beberapa ciri MakeMyTrip PWA termasuk:

Navigasi mudah – pengguna boleh mencari dengan mudah apa yang mereka cari
Masa pemuatan pantas – halaman dimuatkan dengan cepat, walaupun pada rangkaian perlahan
Pemberitahuan tolak – terima kemas kini tentang status penerbangan, harga dan banyak lagi
Diskaun dan tawaran – manfaatkan tawaran dan diskaun eksklusif

Mengenai Pengarang

Tom Koh

Tom ialah Ketua Pegawai Eksekutif dan Perunding Utama MediaOne, sebuah agensi pemasaran digital terkemuka. Beliau telah berunding dengan MNC seperti Canon, Maybank, Capitaland, SingTel, ST Engineering, WWF, Cambridge University, serta organisasi Kerajaan seperti Enterprise Singapore, Kementerian Undang-undang, Galeri Nasional, NTUC, e2i, SingHealth. Artikel beliau diterbitkan dan dirujuk dalam CNA, Straits Times, MoneyFM, Financial Times, Yahoo! Kewangan, Hubspot, Zendesk, Penasihat CIO.

Untuk menempah perundingan pemasaran digital percuma, cuma klik di sini.

Kongsi: