Ως τεχνολόγος, πιθανότατα συναντήσατε ένα άρθρο που αναφέρει τις Προοδευτικές Εφαρμογές, πόσο σπουδαίοι είναι αυτοί, ότι είναι το μέλλον στις εφαρμογές και πώς πρέπει να έχουν όλοι οι ιστότοποι.

Αλλά, τι ακριβώς είναι προοδευτικές εφαρμογές; Οι προοδευτικές εφαρμογές δεν διαφέρουν εντελώς από τις τυπικές εφαρμογές ιστού, αλλά υπάρχουν συγκεκριμένες έννοιες που πρέπει να πληρούν οι προγραμματιστές.

Τι είναι οι προοδευτικές εφαρμογές ιστού;

Οι προοδευτικές εφαρμογές ιστού (PWA) είναι εφαρμογές ιστού που ζουν στο πρόγραμμα περιήγησης και είναι κατασκευασμένες από CSS, HTML και JavaScript. Μπορείτε επίσης να δείτε ένα PWA ως σταυρό ανάμεσα σε έναν ιστότοπο για κινητά και μια εφαρμογή. Με άλλα λόγια, είναι ένα υβρίδιο.

Τα PWA χρησιμοποιούν σύγχρονες τεχνολογίες ιστού και οι προγραμματιστές μπορούν να δημιουργούν ιστότοπους που προσφέρουν στον χρήστη μια εμπειρία που μοιάζει με εφαρμογές κινητής τηλεφωνίας, καθώς και καλύτερες και πιο ασφαλείς λειτουργίες και γρήγορη φόρτωση. Είναι ένας κανονικός ιστότοπος, αλλά μοιάζει με μια εφαρμογή στους χρήστες.

Θα χρησιμοποιούν επίσης τα πιο πρόσφατα πρότυπα διαδικτύου και θα γίνονται για να λειτουργούν σωστά και γρήγορα σε σχεδόν οποιοδήποτε πρόγραμμα περιήγησης.

Οι προοδευτικές εφαρμογές ιστού θα φορτωθούν επίσης άμεσα, ανεξάρτητα από το πόσο αργή θα ήταν η σύνδεσή σας στο Internet. Μπορείτε να χρησιμοποιήσετε τις εφαρμογές ακόμα και αν δεν υπάρχει σύνδεση στο Internet, μόνο χωρίς το δυναμικό περιεχόμενο.

Πώς να χρησιμοποιήσετε μια προοδευτική εφαρμογή Web εκτός σύνδεσης

Για να χρησιμοποιήσετε μια προοδευτική εφαρμογή εκτός σύνδεσης, θα πρέπει να έχετε ενεργοποιήσει κάποιες πειραματικές λειτουργίες του Chrome. Πληκτρολογήστε στη γραμμή διευθύνσεων του Chrome τις ακόλουθες εντολές: chrome: // flag / # bypass-app-banner-engagement-checks

Στο κάτω μέρος θα δείτε το κουμπί "Επανεκκίνηση τώρα". Κάντε κλικ σε αυτήν και την επόμενη φορά που θα επισκεφθείτε έναν ιστότοπο που χρησιμοποιεί προοδευτικές εφαρμογές, θα σας ζητηθεί να το εγκαταστήσετε.

Προς το παρόν, οι προοδευτικές εφαρμογές ιστού δεν θα λειτουργούν με το Safari / iOS. Αυτό σημαίνει ότι δεν μπορείτε να απολαύσετε τη λειτουργία εκτός σύνδεσης, να προωθήσετε τις ειδοποιήσεις ή να εγκαταστήσετε την αρχική οθόνη. Ας ελπίσουμε ότι η Apple θα μεταβεί σύντομα σε προοδευτικές εφαρμογές.

Ένα παράδειγμα μιας προοδευτικής εφαρμογής ιστού είναι η τοποθεσία του Twitter. Κάνει ό, τι πρέπει να κάνει μια προοδευτική εφαρμογή Ιστού: έχει μια προτροπή "Προσθήκη στην αρχική οθόνη", μειώνει την κατανάλωση δεδομένων και έχει σχεδόν άμεση φόρτωση με σενάρια υπηρεσιών.

Προοδευτική Ασφάλεια Εφαρμογών

Εφόσον ζουν στο πρόγραμμα περιήγησής σας, δεν υπάρχει ανάγκη για κατάστημα εφαρμογών και πάντα θα χρησιμοποιούν το HTTPS για ασφάλεια. Εάν ένας ιστότοπος δεν λειτουργεί με το HTTPS, δεν μπορεί να χαρακτηριστεί ως προοδευτική εφαρμογή. Ο ιστότοπος πρέπει να έχει εγκατεστημένο στο πρόγραμμα περιήγησης πιστοποιητικό SSL ή TLS.

Μια προοδευτική εφαρμογή είναι έτοιμη για οποιαδήποτε συσκευή. δεν έχει σημασία αν πρόκειται για τηλέφωνο, tablet, υπολογιστή κ.λπ. Εφόσον οι προοδευτικές εφαρμογές γίνονται σε μοντέλο κελύφους, θα απολαμβάνετε πλοήγηση και αλληλεπιδράσεις σε στυλ εφαρμογής.

Δεν θα χρειαστεί να ανησυχείτε για τη χρήση μιας παρωχημένης εφαρμογής, αφού η διαδικασία ενημέρωσης των εργαζομένων στις υπηρεσίες θα κρατήσει το περιεχόμενο ενημερωμένο. Οι προοδευτικές εφαρμογές μπορούν να μοιραστούν εύκολα μέσω της διεύθυνσης URL και μπορείτε εύκολα να τις κρατήσετε στην αρχική οθόνη χωρίς να εξαρτάται από το κατάστημα εφαρμογών.

Μπορούν επίσης να προστεθούν στην αρχική οθόνη του κινητού σας και να μπορούν επίσης να στέλνουν ειδοποιήσεις push. Οι προοδευτικές εφαρμογές ιστού αποτελούν επίσης όφελος για εκείνες τις επιχειρήσεις που τις χρησιμοποιούν, καθώς συμβάλλουν στη μείωση του χρόνου συντήρησης και του κόστους.

Ο Firefox ακολούθησε το παράδειγμα του Chrome και με τον Firefox 58, θα μπορείτε να απολαμβάνετε προοδευτικές εφαρμογές ιστού. Εάν συναντήσετε έναν ιστότοπο που έχει έγκυρο δηλωτικό και ο οποίος προβάλλεται μέσω HTTPS, θα πρέπει να δείτε ένα σήμα στη γραμμή διευθύνσεων.

Όταν την επιλέξετε, θα δείτε ένα μήνυμα που λέει "Προσθήκη στην αρχική οθόνη". Δεν θα χάσετε καμία πρόοδο που έχετε κάνει σε έναν ιστότοπο, αν πιέσετε έναν εξωτερικό σύνδεσμο κατά την εκκίνηση της εφαρμογής από την αρχική οθόνη.

PWAs vs. native apps

Οι προοδευτικές εφαρμογές Web είναι καλύτερες από τις εγγενείς εφαρμογές, αφού οι προγραμματιστές δεν θα έχουν πλέον την ανάγκη να δημιουργούν εφαρμογές για πολλές πλατφόρμες. Αυτό θα σώσει τους προγραμματιστές ένα μεγάλο χρονικό διάστημα και χρήμα, για να μην αναφέρουμε και την οικονομική εξοικονόμηση.

Οι προγραμματιστές θα πρέπει να δημιουργήσουν μόνο μία εφαρμογή που θα λειτουργεί σε όλες τις τρέχουσες πλατφόρμες και συσκευές. Με τα Προοδευτικά Web Apps, δεν χρειάζεται να εγκαταστήσετε τίποτα πριν τα χρησιμοποιήσετε, σε αντίθεση με τις εγγενείς εφαρμογές.

Ενώ τα PWAs είναι μεγάλα, έχουν τα μειονεκτήματά τους, αφού είναι σχετικά σχετικά νέα. Για παράδειγμα, έχουν περιορισμένες δυνατότητες όταν προσπαθούν να ενσωματωθούν με τις λειτουργίες του tablet ή του smartphone σας.

Δεν είναι ακόμα σε θέση να ενσωματωθούν με λειτουργίες όπως Bluetooth. τον αισθητήρα δακτυλικών αποτυπωμάτων, το επιταχυνσιόμετρο ή το NFC. Προς το παρόν, οι εγγενείς εφαρμογές είναι πιο αξιόπιστες από τις PWA, αλλά ο χρόνος θα δείξει πώς τελειώνει αυτή η ιστορία.

Τα PWA και οι εγγενείς εφαρμογές δεν είναι όλοι διαφορετικές μεταξύ τους. Για παράδειγμα, και οι δύο ξεκινούν στην αρχική οθόνη και παρέχουν μια πολύ παρόμοια εμπειρία / διεπαφή χρήστη ιστού.

Οι περιορισμοί των PWA

Οι προοδευτικές εφαρμογές ιστού υποτίθεται ότι είναι το επόμενο μεγάλο πράγμα, αλλά έχουν τα μειονεκτήματά τους. Για παράδειγμα, δεν λειτουργούν σε όλα τα προγράμματα περιήγησης όπως το Edge, το Safari, τον Internet Explorer και άλλα προσαρμοσμένα προγράμματα περιήγησης. Τα PWA λειτουργούν σε νεότερες εκδόσεις προγραμμάτων περιήγησης, όπως το πρόγραμμα περιήγησης Android της Samsung, το Opera και το Chrome.

Ο περιορισμός επηρεάζει επίσης τις συσκευές, αφού δεν μπορούν να τους υποστηρίξουν όλοι. Το Android υποστηρίζει PWA, αλλά υπάρχουν ορισμένα θέματα υποστήριξης, αφού είναι σχετικά σχετικά καινούργια.

Το iOS δεν υποστηρίζει αυτήν τη στιγμή PWAs, καθώς αντιμετωπίζει προβλήματα με την υποστήριξη ειδοποιήσεων και προτροπής συντομεύσεων στην αρχική οθόνη της συσκευής. Μέχρι στιγμής, η Apple δεν έχει ανακοινώσει επίσημα εάν πρόκειται να αναλάβει PWA ή όχι σύντομα.

Εάν οι συνδέσεις πολλαπλών εφαρμογών είναι σημαντικές για εσάς, τότε ίσως θελήσετε να απομακρύνετε τα PWA. Δεν την υποστηρίζουν, δεδομένου ότι δεν μπορούν να συλλέξουν δεδομένα ανεξάρτητα.

συμπέρασμα

Οι προοδευτικές εφαρμογές εξακολουθούν να είναι σχετικά καινούργιες και υπάρχουν ακόμα εταιρείες που προσαρμόζουν ή τουλάχιστον σκέφτονται. Είναι σίγουρα το μέλλον δεδομένου ότι θα συμβάλλουν μόνο στη βελτίωση της κινητής εμπειρίας του χρήστη.

Πιστεύετε ότι οι προοδευτικές εφαρμογές είναι εδώ για να μείνουν ή θα εξαφανιστούν; Μοιραστείτε τις σκέψεις σας στα σχόλια.