Πίνακας περιεχομένων[Κρύβω][Προβολή]
- Τι είναι το Bubble.io;
- Τι είναι ο οπτικός προγραμματισμός;
- Τι είδους εφαρμογές μπορείτε να αναπτύξετε;
Δημιουργία εφαρμογής με το Bubble (Εκμάθηση)+-
- 1. Ξεκινώντας
- 2. Διαμόρφωση βάσης δεδομένων
- 3. Δημιουργία ροών εργασιών
- 4. Δημιουργία μιας είδησης
- 5. Εμφάνιση δυναμικού περιεχομένου στη ροή
- 6. Αποστολή δεδομένων μεταξύ σελίδων
- 7. Εμφάνιση δυναμικού περιεχομένου στη σελίδα ιστορίας
- 8. Εμφάνιση του άρθρου του εκδότη
- 9. Ακολουθώντας τους εκδότες
- 10. Πρόσθετες δυνατότητες που μπορείτε να προσθέσετε
- 11. Το αποτέλεσμα
- ΥΠΕΡ
- ΚΑΤΑ
- Τιμοκατάλογος
- Συμπέρασμα
Πρόσφατα ενδιαφέρθηκα για προσεγγίσεις ανάπτυξης ιστού εκτός από HTML, CSS και JavaScript.
Με το αυξανόμενο τοπίο χωρίς κώδικα, δεν ήταν περίεργο να ανακαλύψουμε ότι υπάρχουν πολλές εναλλακτικές λύσεις στις πιο τυπικές προσεγγίσεις για την ανάπτυξη εφαρμογών Ιστού.
Πρέπει να είστε εξοικειωμένοι με μερικές από τις πιο γνωστές πλατφόρμες CMS, όπως το WordPress που είναι σχεδόν χωρίς κώδικα. Ωστόσο, εάν θέλετε να δημιουργήσετε εφαρμογές ιστού, τέτοιες πλατφόρμες μπορεί να φαίνονται περιοριστικές.
Εδώ σας παρουσιάζω το Bubble.io, ένα ισχυρό εργαλείο χωρίς κώδικα που σας επιτρέπει να δημιουργείτε εφαρμογές ιστού όπως ποτέ πριν.
Ας το εξερευνήσουμε σε βάθος!
Τι είναι Bubble.io?
Το Bubble είναι μια μη τεχνική πλατφόρμα που συνδυάζει μια οπτική γλώσσα προγραμματισμού και α πλαίσιο ανάπτυξης ιστοσελίδων.
Οι χρήστες μπορούν να χρησιμοποιήσουν αυτά τα εργαλεία προγραμματισμού για να κατασκευάσουν μοναδικές διαδικτυακές εφαρμογές, να τροποποιήσουν βάσεις δεδομένων και διαδικασίες, να προσθέσουν στοιχεία σελίδας (εικόνες, κείμενο, φόρμες εισαγωγής, χάρτες) και να σχεδιάσουν τις διεπαφές τους.
Είναι μια αγορά όπου μπορείτε να ανακαλύψετε ιδανικά πρότυπα, προσθήκες και υπηρεσίες που θα σας βοηθήσουν να δημιουργήσετε ισχυρά προϊόντα.
Χωρίς να χρειάζεται να ρυθμίσετε ένα τυπικό πλαίσιο προγραμματισμού, μπορείτε να δημιουργήσετε οτιδήποτε, από μια αγορά έως ένα κοινωνικό δίκτυο έως ένα CRM (Customer Relationship Management) χρησιμοποιώντας το Bubble.
Δίνει στους πελάτες τη δυνατότητα να δημιουργούν και να εξατομικεύουν τις εφαρμογές τους χρησιμοποιώντας μια φιλική προς το χρήστη διεπαφή και ένα πρόγραμμα επεξεργασίας σημείου και κλικ.
Μπορείτε να το χρησιμοποιήσετε σε συνδυασμό με υπηρεσίες που παρέχουν REST API, όπως Facebook, SQL, αναλυτικά στοιχεία και εφαρμογές πληρωμής. Επιτρέπει στους χρήστες να αφιερώνουν χρόνο στη βελτίωση της λειτουργικότητας και της εμφάνισης των εφαρμογών τους, ώστε να δείχνουν καλά σε tablet και φορητές συσκευές.
Είναι κατάλληλο για όλα τα μεγέθη επιχειρήσεων, από μικρές έως μεσαίες έως μεγάλες. και προσβάσιμο για Windows, Mac και τον Ιστό.
Τι είναι ο οπτικός προγραμματισμός;
Ο οπτικός προγραμματισμός είναι ουσιαστικά αυτό που ακούγεται. Αντί να προγραμματίζετε μη αυτόματα γράφοντας κώδικα, το κάνετε γραφικά κάνοντας κλικ και σύροντας στοιχεία σε σελίδες.
Μην παραπλανηθείτε από αυτή τη σύντομη περιγραφή.
Δεν μοιάζει με οποιαδήποτε άλλη εφαρμογή κοπής cookie ή εργαλείο δημιουργίας ιστοτόπων που έχετε συναντήσει στο διαδίκτυο. Οι περισσότεροι κατασκευαστές εφαρμογών απαιτούν από εσάς να βασίζεστε σε βασικά πρότυπα και να έχετε εξαιρετικά περιορισμένη λειτουργικότητα. σας επιτρέπουν μόνο να αναπτύξετε συγκεκριμένα είδη εφαρμογών και να περιορίσετε την εξατομίκευσή σας.
Αν και η έννοια του "οπτικού προγραμματισμού" και της "μεταφοράς και απόθεσης" φαίνεται εύκολη στο Bubble, είναι εξαιρετικά ισχυρή.
Το οπτικό περιβάλλον προγραμματισμού του όχι μόνο σας επιτρέπει να σύρετε αντικείμενα όπως κείμενο, γραφικά, εισόδους και άλλα σε μια σελίδα, αλλά σας επιτρέπει επίσης να ρυθμίσετε τις παραμέτρους που κάνουν αυτά τα στοιχεία.
Τι κάνει το Bubble;
Ο πρωταρχικός στόχος του Bubble είναι να δώσει τη δυνατότητα σε οποιονδήποτε να δημιουργήσει εφαρμογές ιστού χωρίς να χρειάζεται να γράψει κώδικα.
Ωστόσο, ενώ αυτό παρέχει μια δήλωση γκολ που θυμάται εύκολα, αφήνει έξω ένα σημαντικό κομμάτι της ιστορίας. Η διαδρομή από την ιδέα στην αγορά είναι πιο περίπλοκη από τη δημιουργία απλώς γραμμών κώδικα.
Στη συμβατική ανάπτυξη απαιτείται μια ομάδα άριστα εκπαιδευμένων επαγγελματιών που εργάζονται σε ορισμένα τμήματα της δημιουργίας, της ανάπτυξης και της συντήρησης της εφαρμογής. Σκεφτείτε αυτό.
Τι απαιτεί κάθε εφαρμογή;
- Ασφάλεια για να βεβαιωθείτε ότι κανείς δεν έχει μη εξουσιοδοτημένη πρόσβαση στα δεδομένα.
- Μια βάση δεδομένων για την αποθήκευση και την ανάκτηση πληροφοριών όπως στοιχεία, άρθρα και ενημερώσεις μέσων κοινωνικής δικτύωσης.
- Επεκτασιμότητα για την απρόσκοπτη ανάπτυξη της βάσης χρηστών και του όγκου δεδομένων.
- Ένα ευχάριστο περιβάλλον χρήστη για να κάνει την εφαρμογή ελκυστική και εύκολη στη χρήση.
- Ενοποίηση με διάφορες υπηρεσίες και συστήματα.
Το Bubble αντικαθιστά πολύ περισσότερα από έναν κωδικοποιητή. Παρέχει όλες αυτές τις υπηρεσίες με οπτικά ελκυστικό και εξαιρετικά αυτοματοποιημένο τρόπο, καθιστώντας εφικτό, αν όχι απλό, να χειρίζεται τα πάντα ένα άτομο.
Ενώ οι προηγούμενες πλατφόρμες χωρίς κώδικα προσπάθησαν να αντικαταστήσουν την κωδικοποίηση με διάφορους τρόπους. Η ιδέα του είναι να αφαιρέσει όσο το δυνατόν περισσότερα εμπόδια για μια εφαρμογή να φτάσει στην αγορά, χειριζόμενη τα πάντα, από αποκριτικό σχεδιασμό και κινούμενα σχέδια μέχρι φιλοξενία, ανάπτυξη έκδοσης, ασφάλεια και λειτουργίες βάσης δεδομένων.
Χρήση της σύνδεσης API για σύνδεση του Bubble με άλλες υπηρεσίες
Το API Connector του είναι πιθανώς το πιο σημαντικό πρόσθετο στην αγορά. Όπως υποδηλώνει το όνομα, αυτό σας επιτρέπει να συνδεθείτε με άλλες εφαρμογές και υπηρεσίες για να μοιράζεστε ενέργειες και δεδομένα.
Αντί να εμβαθύνετε στις τεχνικές λεπτομέρειες του πώς λειτουργεί αυτό, εξετάστε αυτά τα παραδείγματα για το τι μπορούν να επιτύχουν τα API:
- Απόκτηση πρόσβασης σε μάθηση μηχανής μεθόδους όπως η αναγνώριση και η μετάφραση εικόνων.
- Λάβετε τις πιο πρόσφατες πληροφορίες για τον καιρό από οπουδήποτε στη γη.
- Όταν ένα συμβάν ενεργοποιείται στο Bubble, οι πληροφορίες ανταλλάσσονται μεταξύ των συστημάτων, όπως η δημιουργία δυνητικού πελάτη στο CRM ή μια συνάντηση στο Ημερολόγιο Google.
- Κάντε κράτηση πτήσης ή διαμονής σε ξενοδοχείο οπουδήποτε στον κόσμο.
- Λάβετε τον αριθμό τηλεφώνου, την τοποθεσία, τις φωτογραφίες, το λογότυπο και τις κριτικές για οποιαδήποτε εταιρεία στους Χάρτες Google.
Χρήση προσθηκών για τη βελτίωση των εγγενών λειτουργιών
Τεχνικά, αναμιγνύει ενότητες κώδικα JavaScript, CSS και HTML σε έναν λειτουργικό κόμβο. Η εφαρμογή γραμμένη σε JS.JSON χρησιμεύει ως βάση για τη δική της γλώσσα.
Αν και δεν χρειάζεται να κατανοήσετε πλήρως αυτές τις ορολογίες για τη δημιουργία εφαρμογών, υποδεικνύουν ένα βασικό γεγονός: συμμορφώνεται με γνωστά και αναγνωρισμένα πρότυπα ιστού, επιτρέποντας στους προγραμματιστές να βελτιώσουν σημαντικά την εγγενή λειτουργικότητά του.
Αυτό φαίνεται ήδη στον ιστότοπο της προσθήκης, όπου διατίθενται εκατοντάδες δωρεάν και επί πληρωμή επεκτάσεις στη βασική λειτουργικότητα. Υπονοεί επίσης ότι εάν φτάσετε σε ένα σημείο όπου οι θεμελιώδεις δυνατότητές του είναι ανεπαρκείς, υπάρχουν πολλοί ειδικοί της JavaScript πρόθυμοι να προτείνουν μια προσαρμοσμένη λύση για εσάς.
Τι είδους εφαρμογές μπορείτε να αναπτύξετε;
Μπορείτε να δημιουργήσετε ένα ευρύ φάσμα εφαρμογών, μερικές από τις οποίες δίνονται παρακάτω.
- Εφαρμογές για εξειδικευμένες αγορές με κοινότητα.
- Εφαρμογές για πίνακες εργασίας σε διάφορους τομείς.
- Λογισμικό για στελέχωση νοσοκομείων.
- Λογισμικό σημείου πώλησης για φυσικά καταστήματα.
- Λογισμικό οδοντιατρείου με λευκή ετικέτα.
- Λογισμικό προσωπικής απογραφής επιχειρήσεων και εξυπηρέτησης πελατών.
- Εφαρμογές συγκέντρωσης ακινήτων που απευθύνονται σε μεσίτες και πελάτες.
- Εφαρμογές για εκδηλώσεις και μαθήματα στην αγορά (ακόμα και σκάφη).
- Τα επαγγελματικά πιστοποιητικά απαιτούν εφαρμογές εσωτερικών δοκιμών.
- Αιτήσεις για πρώτους ανταποκριτές.
- Λογισμικό διαχείρισης εργαζομένων για εσωτερική χρήση.
Για να είμαι ειλικρινής, η πλατφόρμα δεν έχει σχεδιαστεί για να κάνει τα πάντα. Μπορεί να μην είναι η ιδανική επιλογή εάν σχεδιάζετε μια εφαρμογή παιχνιδιού με πολύπλοκα γραφικά και κίνηση. Επιπλέον, εάν δημιουργείτε μια εγγενή εφαρμογή (για καταστήματα εφαρμογών), θα πρέπει να την ενσωματώσετε με μια άλλη υπηρεσία τρίτου μέρους.
Βασικά χαρακτηριστικά
Το Bubble είναι γεμάτο με χαρακτηριστικά. Δεν θα μπορέσουμε να τα καλύψουμε όλα εδώ, αλλά θα προσπαθήσουμε να καλύψουμε τα πιο απαραίτητα.
1. Πρόσθετα
Σας επιτρέπει να συμπεριλάβετε λειτουργίες από πολλά εργαλεία στο Διαδίκτυο στο δικό σας εφαρμογή ιστού. Για παράδειγμα, εάν θέλετε οι χρήστες σας να συνδεθούν χρησιμοποιώντας τον λογαριασμό τους στο Facebook, μπορείτε να χρησιμοποιήσετε την προσθήκη Facebook για να το κάνετε αυτό.
2. Αναπτύξτε
Σας επιτρέπει να δημιουργείτε δυναμικές εφαρμογές πολλών χρηστών για προγράμματα περιήγησης ιστού για επιτραπέζιους υπολογιστές και κινητά, καθώς και όλα τα εργαλεία που απαιτούνται για τη δημιουργία ενός ιστότοπου παρόμοιου με το Instagram ή το Airbnb.
3. σχέδιο
Μπορείτε να δημιουργήσετε διατάξεις φιλικές προς κινητά και δυναμικό περιεχόμενο για να δώσετε τις τελευταίες πινελιές σε ένα προϊόν που θα χαρείτε να επιδείξετε σε άλλους.
4. Φιλοξενία
Ποτέ δεν χρειάζεται να ανησυχείτε για τη συντήρηση του διακομιστή, την υποδομή ή τις λειτουργίες ξανά και ξανά.
Φροντίζει για την ανάπτυξη και τη φιλοξενία για εσάς με ασφαλή και ασφαλή τρόπο. Ο αριθμός των χρηστών, ο όγκος επισκεψιμότητας και η αποθήκευση δεδομένων είναι όλα απεριόριστα.
Δημιουργία εφαρμογής με το Bubble (Εκμάθηση)
Ας ξεκινήσουμε τώρα τη δράση και ας εξερευνήσουμε πώς μπορείτε να δημιουργήσετε μια εφαρμογή ειδήσεων στο Bubble.
1. Ξεκινώντας
Για να ξεκινήσετε, πρέπει πρώτα εγγραφείτε για έναν δωρεάν λογαριασμό στο Bubble.
Θα ξεκινήσουμε χρησιμοποιώντας το εργαλείο οπτικού σχεδιασμού του Bubble για να διαμορφώσουμε την πλατφόρμα μας διεπαφή χρήστη. Μερικές από τις βασικές σελίδες που πρέπει να συμπεριληφθούν δίνονται παρακάτω:
- Σελίδα μεταφόρτωσης – Ένας ιστότοπος όπου οι εκδότες θα αναπτύσσουν και θα διανέμουν άρθρα.
- Αρχική σελίδα – Εμφανίζεται μια λίστα με πρόσφατα δημοσιευμένες ιστορίες.
- Σελίδα αφήγησης – Μια σελίδα όπου μπορεί να βρεθεί κάθε μοναδική ιστορία.
- Σελίδα εκδότη- Μια σελίδα που εμφανίζει μια λίστα με παραμύθια από έναν συγκεκριμένο εκδότη.
2. Διαμόρφωση βάσης δεδομένων
Αφού διαμορφώσετε την οθόνη του προϊόντος σας, μπορείτε να εστιάσετε στη δημιουργία των πεδίων δεδομένων που θα τροφοδοτήσουν την εφαρμογή σας. Θα χρησιμοποιήσουμε αυτά τα πεδία για να συνδέσουμε τις ροές εργασίας στις οποίες βασίζεται το προϊόν σας.
Για αυτό το παράδειγμα, θα καθορίσουμε δύο διαφορετικούς τύπους δεδομένων για κάθε είδηση. Ένας τύπος δεδομένων θα περιέχει τα βασικά γεγονότα μιας ιστορίας (όπως ο τίτλος, η επιλεγμένη εικόνα και ο εκδότης), ενώ ο άλλος τύπος δεδομένων θα περιέχει μεγαλύτερα αρχεία περιεχομένου, όπως ολόκληρη η ίδια η αφήγηση.
Ορίζοντας τους ως διακριτούς τύπους δεδομένων, μπορούμε να φορτώσουμε τις πληροφορίες που απαιτούνται μόνο όταν απαιτούνται, περιορίζοντας την ποσότητα υλικού που θα χρειαστεί να παράγει το πρόγραμμα επεξεργασίας Bubble.
Θα δημιουργηθούν οι ακόλουθοι τύποι δεδομένων και πεδία:
Τύπος δεδομένων: Χρήστες
Πεδία:
- Όνομα
- Οι παρακάτω εκδότες είναι μια λίστα εκδοτών. Σημαντική σημείωση: Η δημιουργία ενός πεδίου ως λίστας με βάση έναν ξεχωριστό τύπο δεδομένων σάς επιτρέπει να ενσωματώνετε όλα τα βασικά πεδία δεδομένων του χωρίς κόπο, χωρίς να χρειάζεται να δημιουργήσετε επιπλέον πεδία.
Τύπος δεδομένων: Ιστορία
Πεδία:
- Τίτλος
- Προτεινόμενη εικόνα
- Συγγραφέας
- κατηγορία
- Publisher
- Περιεχόμενο ιστορίας
Τύπος δεδομένων: Περιεχόμενο ιστορίας
Πεδία:
- Περιεχόμενο ιστορίας
Τύπος δεδομένων: Publisher
Πεδία:
- Όνομα
- Λογότυπο
- οπαδούς
3. Δημιουργία ροών εργασιών
Τώρα που έχετε οργανώσει τη σχεδίαση και τη βάση δεδομένων της εφαρμογής σας, ήρθε η ώρα να αρχίσετε να συνδυάζετε τα πάντα και να την κάνετε να λειτουργεί.
Οι ροές εργασίας είναι η κύρια μέθοδος για την επίτευξη αυτού στο Bubble.
Κάθε ροή εργασίας προκύπτει όταν συμβαίνει ένα συμβάν (π.χ. ένας χρήστης κάνει κλικ σε ένα κουμπί) και στη συνέχεια εκτελεί μια ακολουθία «ενέργειες» ως απόκριση (π.χ. «εγγραφή του χρήστη», «πραγματοποίηση αλλαγής στη βάση δεδομένων» και ούτω καθεξής).
4. Δημιουργία μιας είδησης
Η πρώτη δυνατότητα που θα προσφέρουμε είναι ένα εργαλείο που επιτρέπει στους εκδότες να γράφουν και να δημοσιεύουν ειδήσεις στον ιστότοπο.
Στη σελίδα μεταφόρτωσης, θα ξεκινήσουμε ενσωματώνοντας πολλά στοιχεία εισαγωγής που θα εφαρμοστούν για την εισαγωγή δεδομένων στη βάση δεδομένων μας. Οι εισαγωγές κειμένου, ένα πρόγραμμα μεταφόρτωσης εικόνων και μια αναπτυσσόμενη επιλογή είναι παραδείγματα αυτών των πεδίων.
Θα χρειαστεί επίσης να προσαρμόσουμε το αναπτυσσόμενο μενού εκδότη για να εμφανιστεί μια λίστα με δυναμικές επιλογές. Δεδομένου ότι κάθε νέο άρθρο θα προστίθεται στη λίστα των συνολικών άρθρων ενός εκδότη, θα πρέπει να επιλέξουμε έναν υπάρχοντα εκδότη από τη βάση δεδομένων μας.
Κατά τη ρύθμιση αυτού του αναπτυσσόμενου μενού, θα επιλέξουμε τον τύπο των επιλογών για να είμαστε εκδότης.
Στη συνέχεια, η πηγή δεδομένων μας θα σαρώσει τη βάση δεδομένων μας και θα επιστρέψει μια λίστα με όλες τις τρέχουσες δημοσιεύσεις. Τέλος, θα αλλάξουμε τη λεζάντα πηγής για να συμπεριλάβουμε το όνομα του εκδότη.
Μόλις ένας συγγραφέας εισαγάγει τις απαραίτητες πληροφορίες σε κάθε καταχώριση στη σελίδα, θα κάνει κλικ στο κουμπί δημοσίευση για να δημιουργήσει μια νέα ιστορία.
Στη συνέχεια, στη βάση δεδομένων σας, θα δημιουργήσετε ένα νέο πράγμα με τον τύπο δεδομένων να έχει οριστεί σε αφήγηση.
Στη συνέχεια, θα πρέπει να αρχίσουμε να συμπληρώνουμε τη βάση δεδομένων μας με τα απαραίτητα πεδία. Συνδέστε καθένα από τα στοιχεία εισόδου στη σελίδα στις αντίστοιχες στήλες βάσης δεδομένων.
Αρχικά, θα δημιουργήσουμε τον τύπο περιεχομένου της ιστορίας, ο οποίος τελικά θα συνδεθεί με την ίδια την ιστορία.
Στη συνέχεια, θα προσθέσουμε ένα άλλο στάδιο σε αυτή τη διαδικασία, δημιουργώντας κάτι άλλο – αυτή τη φορά, την ίδια την ιστορία.
Είναι δυνατό να ενσωματώσετε αυτά τα δεδομένα χωρίς κόπο σε όλη την πλατφόρμα σας, ενσωματώνοντας το πρώτο αφηγηματικό υλικό που αναπτύξαμε με αυτήν την ιστορία.
Κάθε φορά που ενεργοποιείται αυτή η διαδικασία θα παράγεται μια νέα ιστορία.
5. Εμφάνιση δυναμικού περιεχομένου στη ροή
Μόλις οι εκδότες αρχίσουν να ανεβάζουν υλικό στην εφαρμογή σας για κινητά, θα πρέπει να αρχίσουμε να δημιουργούμε τη λογική στην αρχική σας σελίδα που εμφανίζει κάθε άρθρο ως δυναμική λίστα. Αυτό μπορεί να επιτευχθεί χρησιμοποιώντας το επαναλαμβανόμενο στοιχείο της ομάδας μας.
Οι επαναλαμβανόμενες ομάδες συνεργάζονται με τη βάση δεδομένων σας για να παρουσιάσουν και να ανανεώσουν μια λίστα δυναμικού υλικού.
Όταν εφαρμόζετε μια επαναλαμβανόμενη ομάδα, πρέπει πρώτα να συνδέσετε το στοιχείο με έναν τύπο δεδομένων στη βάση δεδομένων σας.
Σε αυτήν την περίπτωση, θα κατηγοριοποιήσετε το είδος του υλικού ως παραμύθια. Θα χρειαστεί επίσης να παρέχετε την πηγή δεδομένων ως λίστα με όλους τους πίνακες στη βάση δεδομένων σας.
Θα τακτοποιήσουμε επίσης αυτήν την επαναλαμβανόμενη ομάδα με βάση την ημερομηνία έναρξης κάθε ιστορίας, εμφανίζοντας τη λίστα με αντίστροφη χρονολογική σειρά. Τώρα μπορείτε να αρχίσετε να οργανώνετε το δυναμικό υλικό που θα εμφανίζεται σε κάθε πλέγμα.
Απλώς συμπληρώστε την επάνω σειρά με το κατάλληλο υλικό που θέλετε να εμφανίσετε και αυτό το ισχυρό στοιχείο θα συμπληρώσει τις υπόλοιπες στήλες με δεδομένα από την τρέχουσα βάση δεδομένων σας.
6. Αποστολή δεδομένων μεταξύ σελίδων
Είναι επίσης δυνατό να κατασκευαστούν συμβάντα μέσα σε κάθε σειρά μιας επαναλαμβανόμενης ομάδας. Κατά την ανάπτυξη λειτουργιών πλοήγησης για την πλατφόρμα σας, αυτή η λειτουργικότητα θα είναι χρήσιμη.
Η αρχική σελίδα της εφαρμογής ειδήσεων δείχνει απλώς μια προεπισκόπηση κάθε ιστορίας, συμπεριλαμβανομένου του εκδότη, μιας επιλεγμένης εικόνας και του τίτλου της ιστορίας.
Ωστόσο, δεν εμφανίζει ολόκληρο το περιεχόμενο ενός άρθρου έως ότου ο χρήστης κάνει κλικ στη σελίδα της ιστορίας. Θα χρησιμοποιήσουμε το πρόγραμμα επεξεργασίας ροής εργασιών για τη μετάδοση δεδομένων μεταξύ σελίδων για την εμφάνιση αυτού του υλικού.
Για να ξεκινήσετε, δημιουργήστε μια διαδικασία που στέλνει έναν χρήστη στη σελίδα ιστορίας όταν γίνεται κλικ στην εικόνα μιας ιστορίας.
Χρησιμοποιήστε ένα συμβάν πλοήγησης για να μεταφέρετε έναν χρήστη σε άλλη σελίδα κατά την ανάπτυξη αυτής της διαδικασίας.
Επιλέξτε τον τύπο σελίδας προορισμού για να είναι η σελίδα αφήγησης από το αναπτυσσόμενο μενού. Στη συνέχεια, θα χρειαστεί να δώσετε περισσότερες πληροφορίες σε αυτήν τη σελίδα, έτσι ώστε ο επεξεργαστής Bubble να καταλάβει ποια μοναδική ιστορία να δείξει.
Οι πληροφορίες που θα χρειαστεί να δώσετε προέρχονται από την τρέχουσα ιστορία των κυττάρων.
7. Εμφάνιση δυναμικού περιεχομένου στη σελίδα ιστορίας
Μπορείτε να ανακτήσετε εύκολα αυτά τα δεδομένα συμβάντος και να εμφανίσετε το σχετικό υλικό από την αφήγηση όταν ένας χρήστης αποστέλλεται σε μια συγκεκριμένη σελίδα ιστορίας.
Για να δημιουργήσετε αυτήν τη συνάρτηση, πρέπει πρώτα να ελέγξετε ότι ο τύπος σελίδας προορισμού ταιριάζει με την ιδιότητα δεδομένων που παραδίδετε μέσω της ροής εργασίας. Σε αυτήν την περίπτωση, πρέπει να συσχετίσετε τη σελίδα ιστορίας με μια ιδιότητα ιστορίας.
Μπορεί απλώς να αντλήσει και να παραδώσει κατάλληλα δεδομένα από υπάρχουσες πηγές κατηγοριοποιώντας τον τύπο περιεχομένου σε μια σελίδα.
Τώρα μπορείτε να αρχίσετε να εισάγετε δυναμικό υλικό σε πεδία που εμφανίζουν πληροφορίες από έναν μόνο πίνακα.
8. Εμφάνιση του άρθρου του εκδότη
Αφού διαβάσει μια είδηση, ένας χρήστης μπορεί να επιλέξει να εξετάσει ολόκληρο τον κατάλογο άρθρων του εκδότη. Εάν έχετε αναπτύξει έναν τύπο δεδομένων εκδότη, η δημιουργία μιας ξεχωριστής σελίδας για εκδότες είναι τόσο απλή όσο η δημιουργία της αρχικής αρχικής σελίδας μας.
Σε αυτήν τη σελίδα, θα πρέπει να ξεκινήσουμε ορίζοντας τον τύπο σελίδας σε εκδότη.
Στη συνέχεια, αντιγράψτε την επαναλαμβανόμενη ομάδα από την αρχική σελίδα και επεξεργαστείτε τις ρυθμίσεις.
Σε αυτήν την περίπτωση, η πηγή δεδομένων της επαναλαμβανόμενης ομάδας μας θα αναζητήσει όλα τα υπάρχοντα άρθρα των οποίων ο εκδότης είναι ο εκδότης της τρέχουσας σελίδας.
9. Ακολουθώντας τους εκδότες
Το τρίτο θεμελιώδες χαρακτηριστικό που θα δημιουργήσουμε για το MVP μας είναι η δυνατότητα παρακολούθησης ενός εκδότη στην πλατφόρμα. Θα προσθέσουμε ένα κουμπί παρακολούθησης στη σελίδα εκδότη. Όταν κάνουμε κλικ σε αυτό το εικονίδιο, θα ξεκινήσουμε μια νέα διαδικασία που τροποποιεί ένα πράγμα.
Η προσθήκη του τρέχοντος εκδότη σελίδας στη λίστα με τις ακόλουθες δημοσιεύσεις θα αλλάξει τον τρέχοντα χρήστη.
Στη συνέχεια, θα χρειαστεί να ενημερώσουμε τη λίστα ακολούθων του εκδότη της τρέχουσας σελίδας προσθέτοντας τον τρέχοντα χρήστη.
10. Πρόσθετες δυνατότητες που μπορείτε να προσθέσετε
Τώρα που αισθάνεστε άνετα με τη δημιουργία προσαρμοσμένων πεδίων δεδομένων και την παρουσίαση δυναμικών πληροφοριών, μπορείτε να γίνετε δημιουργικοί με τις εμπειρίες που δημιουργείτε για το προϊόν σας. Μπορείτε επίσης να συμπεριλάβετε:
- Δημιουργήστε μια δυνατότητα που επιτρέπει στους χρήστες να αποθηκεύουν περιεχόμενο για μελλοντική ανάγνωση.
- Στο κάτω μέρος κάθε κομματιού, παρέχετε μια επαναλαμβανόμενη συλλογή από προτεινόμενα άρθρα.
- Δημιουργήστε ένα εργαλείο αναζήτησης για να βοηθήσετε τους χρήστες να βρουν νέο περιεχόμενο στον ιστότοπο.
11. Το αποτέλεσμα
Η τελική σας εφαρμογή θα μοιάζει κάπως έτσι.
ΥΠΕΡ
- Η δυνατότητα σύνδεσης με πολλά API και πρόσθετα.
- Μια εύχρηστη εφαρμογή χωρίς κώδικα.
- Άτομα χωρίς εμπειρία προγραμματισμού θα ωφεληθούν από αυτό.
- Σχεδιάστε εργαλεία που είναι ταυτόχρονα ευέλικτα και ισχυρά.
- Γρήγορη επεξεργασία ερωτημάτων.
ΚΑΤΑ
- Αυξημένη αξιοπιστία.
- Η ταχύτητα επεξεργασίας δεδομένων είναι αργή.
- Η απόδοση είναι περιορισμένη.
Τιμοκατάλογος
Το δωρεάν πρόγραμμα σάς επιτρέπει να μάθετε για την πλατφόρμα και να αναπτύξετε την εφαρμογή σας.
Οι συνδρομές επί πληρωμή περιλαμβάνουν πρόσθετα, όπως λευκή ετικέτα, προσαρμοσμένο τομέα, πρόσβαση στο Bubble API και δεσμευμένη χωρητικότητα διακομιστή, τα οποία παρατίθενται παρακάτω.
- Προσωπικά – 25 $/μήνα (καταβάλλεται ετησίως) ή 29 $/μήνα (με μηνιαία πληρωμή).
- Επαγγελματίες – 115 $/μήνα (με πληρωμή ετησίως) ή 129 $/μήνα (με μηνιαία πληρωμή).
- Παραγωγή – 475 $/μήνα (καταβάλλεται ετησίως) ή 529 $/μήνα (με πληρωμή μηνιαίως).
Συμπέρασμα
Το Bubble είναι μια εξαιρετική εναλλακτική για τη δημιουργία εφαρμογών ιστού που μπορούν να εμφανίζουν μόνο πληροφορίες ή να έχουν ελάχιστο περιβάλλον χρήστη.
Είναι αρκετά απλό στη χρήση και τα σεμινάρια που παρέχονται από το Bubble είναι εξαιρετικά χρήσιμα. Ο διαδικτυακός οπτικός επεξεργαστής του που σας επιτρέπει να σχεδιάζετε εφαρμογές ιστού με βάση τις προτιμήσεις σας.
Και το καλύτερο είναι ότι δεν χρειάζεστε καμία εμπειρία προγραμματισμού ή εξειδίκευση. Το Bubble είναι κατάλληλο για όλους, ανεξάρτητα από το αν ξέρετε να κωδικοποιείτε ή όχι.
Ωστόσο, η προηγούμενη κατανόηση των γλωσσών της διεπαφής μπορεί να σας δώσει ένα πλεονέκτημα επειδή σας επιτρέπει να καταλάβετε γρήγορα τι κάνει σχετικά με το χειρισμό συμβάντων.
Λοιπόν, τι πιστεύετε για τις δυνατότητες του Bubble;
Ενημερώστε μας στα σχόλια!
Arbehi
Μπορεί να δημιουργηθεί ένα κατάστημα για να πουλά προϊόντα χρησιμοποιώντας το εργαλείο bubble.io;