Τι είναι οι Advanced Web Apps (PWA) και πώς να τις χρησιμοποιήσετε στο iPhone και το iPad σας ✅ QUEEN MOBILE
Αναζήτηση
Γενικά φίλτρα
0
Το καλάθι είναι άδειο

Τι είναι οι Advanced Web Apps (PWA) και πώς να τις χρησιμοποιήσετε στο iPhone και το iPad σας

786
10 / 09 / 2020

Χάρη στη σύγχρονη τεχνολογία Ιστού, τις προηγμένες εφαρμογές Ιστού ή τις Προοδευτικές Εφαρμογές Ιστού (PWA) μπορεί να εκτελεστεί στο πρόγραμμα περιήγησης χωρίς να απαιτείται ξεχωριστή διανομή, συνδυάζοντας τις λειτουργίες εγγενών εφαρμογών με τα πλεονεκτήματα μιας εμπειρίας για κινητά, μπορείτε να το διατηρήσετε στην αρχική σας οθόνη χωρίς να χρειάζεται να το κατεβάσετε μέσω του App Store.

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

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

Με το Safari σε iOS 11.3, macOS 10.13.4 ή νεότερη έκδοση, μπορείτε να επωφεληθείτε από τα PWA. Τα PWA στην πλατφόρμα iOS απαιτούν λειτουργίες HTML5, όπως το Web App Manifest και το Service Workers, για να επιτρέπεται στον κώδικα να λειτουργεί με το PWA.

Μάθετε περισσότερα για το Service Workers και την έννοια των Progressive Web Apps εδώ.

Ένας προγραμματιστής ιστού για κινητά ονόματι Maximiliano Firtman έχει γράψει μια λεπτομερή επισκόπηση του PWA και της υποστήριξής του στο Safari στις πλατφόρμες της Apple, την οποία αν σας ενδιαφέρει μπορείτε να την δείτε στη διεύθυνση: Οι προοδευτικές εφαρμογές Ιστού για iOS είναι εδώ;;;

Πώς να προσθέσετε ένα PWA στην αρχική σας οθόνη

Μπορείτε να ανοίξετε ένα PWA στο iPhone, το iPad ή το iPod touch σας που εκτελεί iOS 11.3 απλά μεταβαίνοντας στον σύνδεσμό του στο Safari. Λάβετε υπόψη ότι το Safari δεν θα εκκινήσει σωστά το PWA εκτός εάν ενεργοποιήσετε την επιλογή Εργάτες Εξυπηρέτησης  trong Ρυθμίσεις → Safari → Για προχωρημένους → Πειραματικά χαρακτηριστικά (Ρυθμίσεις → Safari → Προηγμένες → Πειραματικές λειτουργίες).

Για να τοποθετήσετε μια συντόμευση PWA στην αρχική σας οθόνη, κάντε τα εξής:

1. Κάντε κλικ σε αυτό Εικονίδιο κοινής χρήσης στο Safari για το PWA που χρησιμοποιείτε.

2. Πατήστε την επιλογή με το όνομα Προσθήκη στο κύριο MH (Προσθέστε στην αρχική οθόνη).

Προοδευτικές εφαρμογές ιστούΠροοδευτικές εφαρμογές ιστού

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

Τώρα μπορείτε να εκκινήσετε το PWA από την αρχική οθόνη πατώντας το εικονίδιό του.

Προοδευτικές εφαρμογές ιστούΠροοδευτικές εφαρμογές ιστού

Θα πρέπει να σημειωθεί ότι τα προγράμματα περιήγησης τρίτων στο App Store, συμπεριλαμβανομένων των Chrome, Firefox, Brave και Microsoft Edge δεν θα μπορούν να "εγκαταστήσουν" PWA ή να χρησιμοποιήσουν το Service Workers.

Προοδευτικές εφαρμογές ιστούΠροοδευτικές εφαρμογές ιστού

Λόγω των περιορισμών της Apple, το PWA πρέπει να εκτελείται στο Safari. Τα PWA μπορούν να διαγραφούν με τον ίδιο τρόπο που αφαιρείτε τις εγγενείς εφαρμογές από την αρχική σας οθόνη: πατήστε παρατεταμένα μέχρι να αρχίσουν να ταλαντεύονται τα εικονίδια και μετά πατήστε το μικρό «x» στην επάνω αριστερή γωνία του εικονιδίου.

Τέλος, επιβεβαιώστε την ενέργεια πατώντας Διαγραφή (Διαγράφω).

Τα οφέλη του PWA

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

Προοδευτικές εφαρμογές ιστούΠροοδευτικές εφαρμογές ιστού

Οι δυνατότητες του PWA στο iOS περιλαμβάνουν:

  • Γεωγραφική τοποθεσία
  • Αισθητήρας (μαγνητόμετρο, επιταχυνσιόμετρο και γυροσκόπιο)
  • Φωτογραφική μηχανή
  • Εξοδος ήχου
  • Σύνθεση φωνής (μόνο με συνδεδεμένα ακουστικά)
  • Πληρώστε την Apple
  • Οι επαγγελματίες χρήστες μπορούν να λάβουν συντομεύσεις PWA από την εταιρεία τους
  • WebAssembly, WebRTC, WebGL και πολλά άλλα πειραματικά χαρακτηριστικά

Και δεδομένου ότι τα PWA μπορούν να φιλοξενηθούν οπουδήποτε, οι δημιουργοί τους μπορούν να παρακάμψουν το App Store και οι πελάτες μπορούν να τα «εγκαταστήσουν» χωρίς την έγκριση της Apple από το πρόγραμμα περιήγησης Safari. Αυτό μπορεί να είναι ένα δίκοπο μαχαίρι, καθώς κανένα PWA δεν έχει περάσει κανένα από τα τεστ ποιότητας του App Store.

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

Προοδευτικές εφαρμογές ιστούΠροοδευτικές εφαρμογές ιστού

Συμβουλή: αλλάξτε το όνομα του PWA για να αποφύγετε τη σύγχυση με την αρχική εφαρμογή

Δοκιμάστε το PWA

Δεδομένου ότι τα PWA δεν διανέμονται μέσω του App Store και δεν απαιτούν ειδική συσκευασία ή διανομή, είναι σημαντικό να γνωρίζετε τη συνεργασία του PWA.

Για να δοκιμάσετε τα PWA στη συσκευή σας, μεταβείτε στους παρακάτω συνδέσμους και προσθέστε τα στην αρχική οθόνη της συσκευής σας ακολουθώντας τις παραπάνω οδηγίες:

  • Pinterest
  • Starbucks
  • προσάναμμα
  • Trivago
  • Twitter
  • Uber

Ή επισκεφθείτε εδώ για να δείτε περισσότερα PWA που μπορεί να χρειαστείτε.

Βεβαιωθείτε ότι έχετε πατήσει τους παραπάνω συνδέσμους με ένα iPhone ή iPad με iOS 11.3 ή νεότερη έκδοση. Ας υποθέσουμε ότι επισκέπτεστε το Twitter.com στο Safari ή ακολουθείτε έναν σύνδεσμο στα αποτελέσματα αναζήτησης Google και θα φορτώσει την έκδοση για κινητά του ιστότοπου αντί για το PWA.

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

PWA σε iOS: περιορισμοί

Τα PWA βρίσκονται ακόμα σε ένα πολύ εκκολαπτόμενο στάδιο και η εφαρμογή της Apple δεν είναι κορυφαία. Για να επεξηγήσω την άποψή μου, εδώ είναι τα προβλήματα και τα εμπόδια που μπορεί να συναντήσετε όταν χρησιμοποιείτε ένα PWA:

  • Η κατάσταση της εφαρμογής χάνεται μεταξύ των συνεδριών
  • Πατώντας έναν σύνδεσμο σε ένα PWA ανοίγει στο Safari
  • Η μαύρη γραμμή κατάστασης μπορεί μερικές φορές να αποκρύψει τις πληροφορίες της γραμμής κατάστασης του iOS
  • Ο χώρος αποθήκευσης IndexedDB περιορίζεται στα 50 MB
  • Ο ήχος WebRTS δεν υποστηρίζεται
  • Χωρίς έλεγχο ταυτότητας Face ID ή Touch ID
  • Δεν υποστηρίζει Bluetooth ή iBeacon
  • Δεν υπάρχουν ειδοποιήσεις push ή ειδοποιήσεις στο εικονίδιο
  • Χωρίς Web Push ή Συγχρονισμός φόντου
  • Δεν υπάρχει ενσωμάτωση Siri
  • Δεν υποστηρίζει το ARKit
  • Χωρίς αναγνώριση φωνής
  • Δεν υπάρχει πρόσβαση στις πληροφορίες της μπαταρίας
  • Δεν υπάρχει πρόσβαση σε πληρωμές εντός εφαρμογής
  • Δεν υπάρχει πλοήγηση με σάρωση προς τα πίσω
  • Δεν υπάρχουν συντομεύσεις 3D Touch για εικονίδια αρχικής οθόνης
  • Το PWA εμφανίζεται απλώς ως λευκή οθόνη στο multitasking εφαρμογών
  • Η επανεγκατάσταση ενός υπάρχοντος PWA προσθέτει ένα άλλο εικονίδιο στην αρχική οθόνη
  • Δεν υπάρχει υποστήριξη για iOS Slide Over και Split View multitasking

Η αποτυχία ενσωμάτωσης του Siri στο PWA είναι απογοητευτική, ειδικά δεδομένου ότι η νέα εφαρμογή Shortcuts της Apple πρόκειται να κυκλοφορήσει στο iOS 12. Για παράδειγμα: ακόμα κι αν έχετε εγκαταστήσει ένα PWA με ένα εικονίδιο και ονομάζεται "Tinder", τότε η Siri δεν Ούτε το ξέρω και δεν μπορείτε να ζητήσετε από τη Siri να το ανοίξει.

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

Αυτό θα ακρωτηριάσει το PWA με διάφορους τρόπους – πράγματα όπως η απαίτηση από τους χρήστες να επαληθεύουν τις διευθύνσεις email ή η εκτέλεση ελέγχου ταυτότητας δύο παραγόντων μέσω κωδικού SMS δεν υποστηρίζονται επί του παρόντος στην πλατφόρμα. iOS. Για να μην αναφέρουμε, πολλές συνδέσεις που βασίζονται στο OAuth θα αναγκάσουν το PWA να ανακατευθύνει στο πρόγραμμα περιήγησης Safari και να μην επιστρέψει ποτέ στο PWA.

Προοδευτικές εφαρμογές ιστούΠροοδευτικές εφαρμογές ιστού

Μπορείτε να εντοπίσετε τη διαφορά μεταξύ της αρχικής εφαρμογής Twitter και της έκδοσης PWA;

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

Μερικοί από τους προαναφερθέντες περιορισμούς πιθανότατα θα ξεπεραστούν αφού η πλατφόρμα ιστού βρει τη διαφορά με καθαρά χαρακτηριστικά όπως το Face ID στο iPhone X ή το ARKit για επαυξημένη πραγματικότητα.

Εφαρμογές Ιστού Εγγενείς εφαρμογές

Και τώρα, εδώ είναι ένα κομμάτι της ιστορίας του PWA.

Μετά την κυκλοφορία του πρώτου iPhone το 2007, οι λάτρεις έπρεπε να κάνουν jailbreak τις συσκευές τους για να εγκαταστήσουν πράγματα που το προεπιλεγμένο λειτουργικό σύστημα δεν επέτρεπε. Επειδή σε αυτό το σημείο, το iPhone δεν διέθετε App Store για λήψη εφαρμογών τρίτων, οπότε ο Steve Jobs ζήτησε από τους προγραμματιστές να δημιουργήσουν εφαρμογές web που εκτελούνται στο Safari.

Γρήγορα στο σήμερα και τώρα έχουμε Προοδευτικές Εφαρμογές Ιστού (PWA).

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

PWA σε iOS – δεν είναι έτοιμο αυτή τη στιγμή

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

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

Προοδευτικές εφαρμογές ιστούΠροοδευτικές εφαρμογές ιστού

Αυτό το κάνει ακόμη πιο δύσκολο όταν δεν μπορείτε να καταλάβετε εάν ο ιστότοπος που επισκέπτεστε υποστηρίζει PWA ή όχι.

Συγκριτικά, είναι πιο εύκολο να τοποθετήσετε ένα διαφημιστικό banner για την εφαρμογή σας στην κορυφή του ιστότοπού σας και οι χρήστες θα κατεβάσουν την εφαρμογή σας από το App Store. Έως ότου η Apple υποστηρίζει σθεναρά το PWA, κάτι που αμφιβάλλω ότι θα το κάνει ποτέ επειδή το App Store είναι το μέρος όπου βγαίνουν τα χρήματα της Apple.

Με απλά λόγια, τα iOS PWA προσφέρουν αυτήν τη στιγμή λιγότερη αξία από τις εγγενείς εφαρμογές.

Τελικός

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

Και εξαιτίας όλων αυτών, το PWA μάλλον δεν θα είναι υποκατάστατο μιας παραδοσιακής εφαρμογής, τουλάχιστον προς το παρόν.

Συμπέρασμα

Εάν δεν είστε ικανοποιημένοι με την υποστήριξη iOS για PWA, μπορείτε πάντα να υποβάλετε ένα αίτημα στην Apple για να βελτιώσουν την εμπειρία PWA στο bugreport.apple.com.

Μην ξεχνάτε το iOS Tips έχει επίσης έναν ιστότοπο που υποστηρίζει βασικά PWA για να σας βοηθήσει να κατεβάσετε προφίλ για να εγκαταστήσετε iOS, watchOS, tvOS και macOS beta στη διεύθυνση: https://beta.thuthuatios.com/

Ποιες είναι οι σκέψεις σας για το PWA; Μοιραστείτε το στην παρακάτω ενότητα σχολίων.

4.7
/
5
(
3

ψηφοφορίες

)

Ετικέτα: φροντιστήριο,συμβουλές,κασσίτερος tức,Τι είναι οι Advanced Web Apps (PWA) και πώς να τις χρησιμοποιήσετε στο iPhone και το iPad σας

Απάντηση

Η διεύθυνση ηλεκτρονικού ταχυδρομείου σας δεν θα δημοσιευθεί.

Προώθηση Queen Mobile