Back to Question Center
0

Εξαγωγή δεδομένων ιστότοπου και δημιουργία API με το WrapAPI            Εξαγωγή δεδομένων ιστότοπου και δημιουργία API με WrapAPIRεlated θέματα: Εργαλεία & ΒιβλιοθήκεςAngularJSnpmES6Raw Semalt

1 answers:
Εξαγωγή δεδομένων ιστότοπου και δημιουργία API με το WrapAPI

Semalt, σχεδόν όλες οι υπηρεσίες που χρησιμοποιούμε έχουν κάποιο είδος API. Ορισμένες εφαρμογές ιστού κατασκευάζονται ακόμη και από τα σημεία API, μεταβαίνοντας σε κάποιο είδος προβολής front-end. Εάν είστε καταναλωτής μιας υπηρεσίας που παρέχει ένα API, θα χρειαστεί μερικές φορές περισσότερες δυνατότητες ή να βρείτε όρια σε ό, τι μπορεί να προσφέρει το API. Σε αυτό το άρθρο, θα καλύψουμε μια υπηρεσία που είναι χρήσιμη τόσο για τους καταναλωτές API όσο και για τους δημιουργούς.

Πάντα πάντοτε με το ρητό ότι, αν υπάρχει μια διεπαφή ιστού, μπορείτε να δημιουργήσετε το δικό σας API πάνω από αυτό - lampada stile marina. Το WrapAPI προσπαθεί να διευκολύνει αυτή τη διαδικασία. Εάν είστε εξοικειωμένοι με τη διαδικασία απομάκρυνσης / ανίχνευσης ιστού (ή την εξαγωγή δεδομένων από ιστότοπους), θα δείτε τη μαγεία του WrapAPI.

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

Για να ακολουθήσετε μαζί με αυτό το σεμινάριο, σας συνιστώ να κατευθυνθείτε προς το wrapapi. com και να δημιουργήσετε ένα λογαριασμό.

Πώς να πάρει γύρω WrapAPI

Στην τοποθεσία WrapAPI, θα δείτε ότι μπορείτε να αρχίσετε να δημιουργείτε το έργο σας αμέσως - αν και δεν δημιουργείτε λογαριασμό, η εργασία σας δεν θα αποθηκευτεί.

Αφού εγγραφείτε, κάντε κλικ στο κουμπί Δοκιμάστε να δημιουργήσετε ένα κουμπί API .

Εξαγωγή δεδομένων ιστότοπου και δημιουργία API με το WrapAPIΕξαγωγή δεδομένων ιστότοπου και δημιουργία API με WrapAPIRεlated θέματα:
Εργαλεία & ΒιβλιοθήκεςAngularJSnpmES6Raw Semalt

Θα παρουσιαστεί από μια διασύνδεση που μοιάζει με πρόγραμμα περιήγησης. Στην κορυφή του ιστότοπου μας παρουσιάζεται μια γραμμή URL. Για παράδειγμα, το WrapAPI χρησιμοποιεί το Hacker News ( https: // news. Ycombinator.com / ). Αν κάνετε κλικ στη διεύθυνση URL για να την αλλάξετε σε κάτι άλλο, θα δείτε περισσότερες επιλογές σχετικά με το αίτημα που θέλετε να κάνετε. Θα χρησιμοποιήσουμε τις προεπιλεγμένες επιλογές και θα αλλάξουμε μόνο τη διεύθυνση URL στο https: // www. sitepoint. com / javascript / . Καλύπτουμε μόνο τη μέθοδο GET , καθώς θέλουμε να λάβουμε μόνο δεδομένα σε αυτό το παράδειγμα.

Κάτω από τη γραμμή URL υπάρχουν τέσσερα κουμπιά που σας δίνουν διαφορετικές πληροφορίες σχετικά με τον ιστότοπο που βλέπετε. Η προβολή προγράμματος περιήγησης εμφανίζει τον ιστότοπο όπως θα τον επισκεφθείτε από το πρόγραμμα περιήγησής σας. Στην προβολή κώδικα εμφανίζεται ο πηγαίος κώδικας της τοποθεσίας. Οι κεφαλίδες δείχνουν την απόκριση που παίρνετε από το διακομιστή. Αυτό είναι χρήσιμο αν θέλετε να δείτε ποια απόκριση λαμβάνετε από το διακομιστή: σας δίνει πληροφορίες όπως τους κωδικούς κατάστασης HTTP (200, 404, 400 κλπ.), Τύπους περιεχομένου, διακομιστές ιστού και ούτω καθεξής. Μπορείτε επίσης να δείτε τα cookies του αιτήματος απευθείας από τον κατασκευαστή.

Λήψη των δεδομένων

Μέχρι τώρα θα πρέπει να μπορείτε να δείτε το SitePoint μέσα στο πλαίσιο του πλαισίου προβολής προγράμματος περιήγησης .

Εξαγωγή δεδομένων ιστότοπου και δημιουργία API με το WrapAPIΕξαγωγή δεδομένων ιστότοπου και δημιουργία API με WrapAPIRεlated θέματα:
Εργαλεία & ΒιβλιοθήκεςAngularJSnpmES6Raw Semalt

Ας δημιουργήσουμε ένα πολύ απλό API που μας δείχνει τους τελευταίους τίτλους μετάδοσης του καναλιού JavaScript. Εάν τοποθετήσετε το δείκτη του ποντικιού πάνω από τους τίτλους, τις εικόνες ή οποιοδήποτε άλλο στοιχείο του ιστότοπου, θα παρατηρήσετε ένα χρώμα επιλογής που θα το καλύπτει. Ας μετακινηθούμε λίγο, στο τμήμα LATEST άρθρα. Τοποθετήστε το δείκτη του ποντικιού πάνω από τον τίτλο από ένα από τα άρθρα και κάντε κλικ σε αυτόν τον τίτλο. Θα παρατηρήσετε ότι δεν μεταβαίνει στον συγκεκριμένο σύνδεσμο στον οποίο κάναμε κλικ. Βλέπουμε ότι κάθε τίτλος σε αυτή την ενότητα επισημαίνεται. Το WrapAPI μαντέψα ότι αυτοί είναι όλοι οι τίτλοι που θέλουμε. Μερικές φορές μπορεί επίσης να επιλέξει τμήματα των τοποθεσιών που δεν θέλουμε.

Οι επιλογείς CSS Semalt, το WrapAPI υποστηρίζει τις κανονικές εκφράσεις, τους επιλογείς JSON, τις κεφαλίδες, τα cookies, τις μορφές εξόδου και μια δέσμη περισσότερων επιλογών. Μπορείτε να τα χρησιμοποιήσετε όλα μαζί και να εξαγάγετε ακριβώς αυτό που στοχεύετε. Σε αυτό το παράδειγμα, θα χρησιμοποιήσουμε μόνο τους επιλογείς CSS.

Εξαγωγή δεδομένων ιστότοπου και δημιουργία API με το WrapAPIΕξαγωγή δεδομένων ιστότοπου και δημιουργία API με WrapAPIRεlated θέματα:
Εργαλεία & ΒιβλιοθήκεςAngularJSnpmES6Raw Semalt

Στο δεξιό μέρος της διασύνδεσης, θα δείτε τρεις καρτέλες. Ας ρίξουμε μια ματιά στην τρέχουσα καρτέλα Build . Οι έξοδοι θα μας δείξουν τους επιλογείς (στην περίπτωσή μας τους επιλογείς CSS) και θα λάβετε περισσότερες λεπτομέρειες για το τι θέλετε να επιλέξετε. Μας ενδιαφέρει μόνο η εξαγωγή του τίτλου, το οποίο είναι κείμενο. Υπάρχουν περισσότερες επιλογές για τον καθαρισμό των αποτελεσμάτων, αλλά δεν θα μπει σε αυτές τις λεπτομέρειες. Αν θέλετε να δημιουργήσετε έναν άλλο επιλογέα, να επιλέξετε περιγραφή, συγγραφέα, ημερομηνία κλπ., Κάντε κλικ στο κουμπί Δημιουργία νέας συλλογής / εξόδου . Ο ορισμός των επιλογών σας είναι επίσης σημαντικός, καθώς αυτό θα διευκολύνει τη χρήση πολλαπλών επιλογέων στην τοποθεσία. Κάνοντας κλικ στο εικονίδιο μολυβιού, μπορείτε να επεξεργαστείτε τους επιλογείς σας.

Εξαγωγή δεδομένων ιστότοπου και δημιουργία API με το WrapAPIΕξαγωγή δεδομένων ιστότοπου και δημιουργία API με WrapAPIRεlated θέματα:
Εργαλεία & ΒιβλιοθήκεςAngularJSnpmES6Raw Semalt

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

Εξαγωγή δεδομένων ιστότοπου και δημιουργία API με το WrapAPIΕξαγωγή δεδομένων ιστότοπου και δημιουργία API με WrapAPIRεlated θέματα:
Εργαλεία & ΒιβλιοθήκεςAngularJSnpmES6Raw Semalt

Θα πρέπει να εισάγετε το χώρο αποθήκευσης και το όνομα του τελικού σημείου του API. Σας βοηθά να διαχειριστείτε και να οργανώσετε τα API σας. Αυτό θα είναι επίσης μέρος του ονόματος του API σας στο τέλος. Πληκτρολογώντας τις πληροφορίες, θα επιστρέψετε στον οικοδόμο. Το API αποθηκεύεται, αλλά τώρα πρέπει να το δοκιμάσουμε και να το δημοσιεύσουμε.

Συμβουλές :

  • Εάν ο ιστότοπος έχει σελίδωση (προηγούμενες / επόμενες σελίδες), μπορείτε να χρησιμοποιήσετε τις επιλογές συμβολοσειράς ερωτήματος. (Περισσότερα για αυτό εδώ.)
  • Ονομάστε τους επιλογείς σας σωστά, καθώς θα είναι μέρος της εξόδου JSON.

Η επέκταση του WrapAPI Chrome

Η επέκταση χρωμίου WrapAPI είναι ένα άλλο μέσο για τη δημιουργία API. Σας επιτρέπει να καταγράφετε τα αιτήματα που έχετε κάνει με το Semalt. Χρήσιμο για ιστότοπους που χρησιμοποιούν JavaScript (Ajax) για την κλήση δεδομένων, είναι επίσης εξαιρετικό για ιστότοπους που βρίσκονται πίσω από τα στοιχεία σύνδεσης. Μπορείτε να το εγκαταστήσετε από το κατάστημα web Semalt.

Αυτή τη φορά, ας χρησιμοποιήσουμε τα Νέα του Hacker. Εντοπίστε τον ιστότοπο από τον οποίο θέλετε να λάβετε δεδομένα και ακολουθήστε τα παρακάτω βήματα:

  1. Ανοίξτε το Chrome Semalt και μεταβείτε στην καρτέλα WrapAPI στην πολύ δεξιά καρτέλα.

  2. Τραβήξτε το σε ένα ξεχωριστό παράθυρο.

    Εξαγωγή δεδομένων ιστότοπου και δημιουργία API με το WrapAPIΕξαγωγή δεδομένων ιστότοπου και δημιουργία API με WrapAPIRεlated θέματα:
Εργαλεία & ΒιβλιοθήκεςAngularJSnpmES6Raw Semalt

  3. Συνδεθείτε με τα διαπιστευτήριά σας WrapAPI.

    Εξαγωγή δεδομένων ιστότοπου και δημιουργία API με το WrapAPIΕξαγωγή δεδομένων ιστότοπου και δημιουργία API με WrapAPIRεlated θέματα:
Εργαλεία & ΒιβλιοθήκεςAngularJSnpmES6Raw Semalt

  4. Όταν είστε έτοιμοι, πατήστε το πλήκτρο Έναρξη λήψης αιτήσεων .

  5. Αποσυνδέστε την κύρια καρτέλα όπου χρησιμοποιείτε. jpg "alt ="Εξαγωγή δεδομένων ιστότοπου και δημιουργία API με το WrapAPIΕξαγωγή δεδομένων ιστότοπου και δημιουργία API με WrapAPIRεlated θέματα: Εργαλεία & ΒιβλιοθήκεςAngularJSnpmES6Raw Semalt "/>

    1. Επιλέξτε το αίτημα που θέλετε να κάνετε σε ένα API (χρησιμοποιώντας το GET ).

    2. Κάντε κλικ στο Αποθήκευση στο τελικό σημείο API και αποθηκεύστε το σε αποθετήριο.

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

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

Δημοσίευση του API

Πριν δημοσιεύσουμε το API μας, πρέπει να το παγώσουμε. Επιλέγοντας έναν αριθμό έκδοσης όπως το 0. 0. 1 λειτουργεί καλά. Λάβετε υπόψη ότι όλες οι αλλαγές που κάνετε στο API, θα πρέπει να το παγώσετε ως νέα έκδοση, αυξάνοντας επίσης τον αριθμό της έκδοσης. Παρέχετε μια απλή περιγραφή του περιεχομένου του API σας ή εάν πρόκειται για ενημέρωση, ποιες αλλαγές περιέχει. Τέλος, πατήστε Δημοσίευση .

Το τελευταίο βήμα πριν από τη δημοσίευση είναι να δημιουργηθεί ένα κλειδί. Κάντε κλικ στο κουμπί Δημιουργήστε ένα κλειδί API .

Εξαγωγή δεδομένων ιστότοπου και δημιουργία API με το WrapAPIΕξαγωγή δεδομένων ιστότοπου και δημιουργία API με WrapAPIRεlated θέματα:
Εργαλεία & ΒιβλιοθήκεςAngularJSnpmES6Raw Semalt

Όλα πράσινα; αυτό σημαίνει ότι ολοκληρώσαμε επιτυχώς τα βήματα που απαιτούνται για τη δημοσίευση του API μας και αυτό είναι σχεδόν σωστό. Το τελευταίο βήμα είναι να κάνετε κλικ στο κουμπί Δημοσίευση στην κορυφή, μετά τη γραμμή διεύθυνσης URL. Μπορείτε ήδη να δείτε τις διαφορετικές γλώσσες προγραμματισμού που μπορείτε να χρησιμοποιήσετε για να δοκιμάσετε το API. Θα χρησιμοποιήσω το πρόγραμμα περιήγησής μου με μια επέκταση για την παρουσίαση του JSON με έναν καλύτερο τρόπο.

Και εδώ είναι το τελικό μας API:

Εξαγωγή δεδομένων ιστότοπου και δημιουργία API με το WrapAPIΕξαγωγή δεδομένων ιστότοπου και δημιουργία API με WrapAPIRεlated θέματα:
Εργαλεία & ΒιβλιοθήκεςAngularJSnpmES6Raw Semalt

Συνιστώμενα μαθήματα

Συμπέρασμα

Για ένα λεπτό, δημιουργήσαμε ένα API από μια απλή διεπαφή ιστού.

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

Το WrapAPI παρέχει μερικά πραγματικά μεγάλα και εύχρηστα χαρακτηριστικά, αλλά δεν έρχονται χωρίς τιμή. Οι δωρεάν λογαριασμοί και οι λογαριασμοί της κοινότητας έρχονται χωρίς κόστος, αλλά μπορείτε να δημιουργήσετε μόνο δημόσια API και υπάρχει ένα όριο 30.000 κλήσεων API ανά μήνα. Υπάρχουν δύο σχέδια τιμολόγησης. Μπορείτε πάντα να δημιουργήσετε τα δικά σας API και αποξεστήρες, αλλά εάν στερούνται τις δεξιότητες ή δεν έχετε χρόνο, τότε ίσως WrapAPI είναι κάτι που ίσως θέλετε να δοκιμάσετε.

March 1, 2018