Αναγνώστες σαν εσάς βοηθούν στην υποστήριξη του MUO. Όταν κάνετε μια αγορά χρησιμοποιώντας συνδέσμους στον ιστότοπό μας, ενδέχεται να κερδίσουμε μια προμήθεια θυγατρικών. Διαβάστε περισσότερα.

Τα App Clips παρέχουν έναν γρήγορο τρόπο πρόσβασης σε συγκεκριμένες λειτουργίες μιας εφαρμογής iOS χωρίς να κάνετε λήψη ολόκληρου. Επιτρέπουν στους χρήστες να έχουν εύκολη εμπειρία και να επωφεληθούν από μια εφαρμογή, κάτι που μπορεί να τους ενθαρρύνει να κατεβάσουν την πλήρη εφαρμογή.

Πώς διαφέρουν τα κλιπ εφαρμογών από τις παραδοσιακές εφαρμογές

Η κύρια διαφορά μεταξύ ενός App Clip και μιας παραδοσιακής εφαρμογής έγκειται στο επίπεδο λειτουργικότητας και των δυνατοτήτων τους. Τα κλιπ εφαρμογής παρέχουν γρήγορη πρόσβαση σε μια συγκεκριμένη λειτουργία μιας εφαρμογής. Σχεδιασμένα για να ανακαλύπτονται και να κυκλοφορούν εύκολα, τα App Clips παρέχουν στους χρήστες την απαραίτητη λειτουργικότητα για να ολοκληρώσουν μια εργασία.

Μόλις ολοκληρωθεί η εργασία, το κλιπ απεγκαθίσταται αυτόματα μετά από μια περίοδο αδράνειας.

instagram viewer

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

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

Σχεδιάζοντας ένα αποτελεσματικό κλιπ εφαρμογής με το React Native

Δεδομένου ότι τα App Clips είναι μια δυνατότητα πλατφόρμας iOS, θα χρειαστεί να εργαστείτε με το έργο iOS σε μια εφαρμογή React Native.

Δεν υπάρχει καθιερωμένος τρόπος δημιουργίας ενός κλιπ εφαρμογής iOS χρησιμοποιώντας το React Native. Ωστόσο, υπάρχουν ορισμένοι παράγοντες που πρέπει να λάβετε υπόψη στην εξίσωση που θα σας βοηθήσουν να δημιουργήσετε ένα αποτελεσματικό και λειτουργικό App Clip.

Μέγεθος του κλιπ εφαρμογής

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

Ένα κλιπ εφαρμογής και η αντίστοιχη πλήρης εφαρμογή του θα μοιράζονται ορισμένες βασικές λειτουργίες. Για παράδειγμα, και οι δύο εφαρμογές ενδέχεται να μπορούν να στέλνουν ειδοποιήσεις και πραγματοποιήστε κλήσεις API. Ωστόσο, θα πρέπει να παραλείψετε τυχόν περιττές λειτουργίες, ανάλογα με τον στόχο του App Clip.

Αυτή η περιορισμένη λειτουργικότητα σημαίνει ότι το App Clip θα έχει ένα μικρότερο σύνολο εγγενών εξαρτήσεων που απαιτούνται για να λειτουργήσει.

Εφόσον τα Κλιπ εφαρμογής παρέχουν μια εστιασμένη, ελαφριά εμπειρία, θα πρέπει να είστε ξεκάθαροι σχετικά με τις εγγενείς εξαρτήσεις που ορίζονται για το Κλιπ εφαρμογής. Θα ορίσετε αυτές τις εξαρτήσεις μέσα στο iOS Podfile πριν εγκαταστήσετε τα Pods με μη αυτόματο τρόπο.

Λειτουργική σχεδίαση διεπαφής χρήστη για το κλιπ εφαρμογής

Τα κλιπ εφαρμογών συνήθως δημιουργούνται πανομοιότυπα με την πλήρη εμπειρία εφαρμογής. Το να αποφασίσετε πώς το App Clip σας μπορεί να αντικατοπτρίζει καλύτερα την πλήρη εφαρμογή, παραμένοντας συγκεντρωμένοι στην εργασία της και ότι είναι ελαφρύ, είναι κάτι που πρέπει να λάβετε υπόψη. Πάρτε το Shazam's App Clip και την πλήρη εφαρμογή:

2 Εικόνες

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

Δομή του Κώδικα

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

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

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

Θα πρέπει να βεβαιωθείτε ότι και οι δύο εκδόσεις της εφαρμογής σας περιλαμβάνουν οποιονδήποτε κοινόχρηστο κώδικα. Χρησιμοποιήστε ένα εργαλείο όπως το Metro Bundler για την εφαρμογή React Native και το σύστημα φάσης κατασκευής του Xcode για το App Clip.

Ξεκινήστε τη δημιουργία του κλιπ εφαρμογής

Για να δημιουργήσετε το πρώτο σας κλιπ εφαρμογής React Native, ανοίξτε το έργο React Native iOS μέσα στο Xcode αφού δημιουργήσετε ένα απλό έργο React Native χρησιμοποιώντας npx react-native init.

Η Apple κυκλοφόρησε το App Clips με την ενημέρωση λογισμικού iOS 14, επομένως θα χρειαστείτε τον προσομοιωτή σας με iOS 14 για να εκτελεστεί ένα App Clip.

Για να δημιουργήσετε έναν νέο στόχο κλιπ εφαρμογής μέσα στο Xcode:

  1. Επιλέγω Αρχείο > Νέο > Στόχος > Κλιπ εφαρμογής (αναζητήστε το "App Clip" στη γραμμή αναζήτησης για να προσθέσετε το στόχο του App Clip στο έργο σας):
  2. Στη συνέχεια, προχωρήστε στη συμπλήρωση των επιλογών για το Κλιπ εφαρμογής:

Για να ενσωματώσει μια εμπειρία κλιπ εφαρμογής στο υπάρχον έργο Xcode, το Xcode θα προσθέσει μια νέα φάση κατασκευής στον στόχο της εφαρμογής. Μπορείτε να εκτελέσετε το App Clip εντός του Xcode σε αυτό το αρχικό στάδιο, αλλά θα εμφανίζεται κενό, καθώς δεν υπάρχουν ακόμη στοιχεία διεπαφής χρήστη.

Για να δημιουργήσετε την εμπειρία χρήστη για το App Clip, θα ενσωματώσετε τον κώδικα React Native για να ορίσετε όλα τα απαραίτητα στοιχεία διεπαφής χρήστη. Αξιοποιώντας το React Native, μπορείτε να δημιουργήσετε μια διαισθητική και αποκριτική διεπαφή για το App Clip σας που θα λειτουργεί αποτελεσματικά σε συσκευές iOS.

Μετά την ενσωμάτωση του κώδικα React Native στο έργο Xcode, μπορείτε να κάνετε προεπισκόπηση της διεπαφής χρήστη του App Clip και να κάνετε τις απαραίτητες τροποποιήσεις.

Όπως αναφέρθηκε προηγουμένως, η δημιουργία ενός κλιπ εφαρμογής με το React Native δεν διαφέρει από τη δημιουργία οποιασδήποτε κανονικής εφαρμογής iOS με το React Native. Απλώς φροντίστε να παρακολουθείτε συνεχώς το μέγεθος του κλιπ εφαρμογής κατά τη δημιουργία και την προσθήκη νέων εξαρτήσεων για την εφαρμογή.

Μελλοντικές δυνατότητες για κλιπ εφαρμογών

Τα κλιπ εφαρμογών μπορούν ενδεχομένως να φέρουν επανάσταση στον τρόπο με τον οποίο αλληλεπιδρούμε με τις εφαρμογές για κινητά και τον φυσικό κόσμο. Μπορείτε να τα χρησιμοποιήσετε για ανέπαφες πληρωμές, εύρεση δρόμου, επαυξημένη πραγματικότητα, Internet of Things (IoT), υπηρεσίες κατ' απαίτηση, εισιτήρια εκδηλώσεων και έλεγχο πρόσβασης. Αναμένετε νέες και δημιουργικές περιπτώσεις χρήσης για τα App Clips να εμφανιστούν καθώς αναπτύσσεται η τεχνολογία.

Εν ολίγοις, τα App Clips παρέχουν γρήγορη και εύκολη πρόσβαση στις λειτουργίες της εφαρμογής, καθιστώντας τα μια αποτελεσματική και βολική λύση για χρήστες εν κινήσει.