Back to Question Center
0

Mengekstrak Data Situs dan Membuat API dengan WrapAPI            Mengekstrak Data Situs dan Membuat API dengan Topik WrapAPIRelated: Alat & PerpustakaanAngularJSnpmES6Raw Semalt

1 answers:
Mengekstrak Data Situs dan Membuat API dengan WrapAPI

Semalt, hampir semua layanan yang kita gunakan memiliki semacam API. Beberapa aplikasi web bahkan dibangun dari titik API saja, diteruskan ke tampilan front-end. Jika Anda adalah konsumen layanan yang menyediakan API, terkadang Anda memerlukan lebih banyak fitur atau menemukan batasan untuk apa yang dapat ditawarkan API. Pada artikel ini, kami akan membahas layanan yang berguna baik untuk konsumen dan pembuat API.

Saya selalu pergi dengan mengatakan bahwa, jika ada antarmuka web, Anda dapat membuat API Anda sendiri di atasnya. WrapAPI mencoba membuat proses ini lebih mudah. Jika Anda terbiasa dengan proses penggalian / perayapan web (atau penggalian data dari situs web), Anda akan melihat keajaiban WrapAPI.

WrapAPI menawarkan layanan yang memungkinkan Anda untuk dengan mudah mengekstrak informasi dari situs web dan membuat API dari data. Ini menyediakan cara interaktif yang mudah untuk memilih informasi apa yang ingin Anda dapatkan. Dengan hanya beberapa klik, Anda dapat mengaktifkan API secara online.

Untuk mengikuti tutorial ini, saya sarankan anda menuju ke wrapapi. com dan membuat akun.

Cara Berkeliling WrapAPI

Di situs WrapAPI, Anda akan melihat bahwa Anda dapat segera membangun proyek Anda - walaupun, kecuali Anda membuat akun, pekerjaan Anda tidak akan disimpan.

Setelah mendaftar, klik Coba buat tombol API .

Mengekstrak Data Situs dan Membuat API dengan WrapAPIMengekstrak Data Situs dan Membuat API dengan Topik WrapAPIRelated:
Alat dan PerpustakaanAngularJSnpmES6Raw Semalt

Anda akan disajikan oleh browser seperti antarmuka. Di bagian atas situs kami disajikan dengan URL bar. Sebagai contoh, WrapAPI menggunakan Hacker News ( https: // news. Ycombinator com / ). Jika Anda mengeklik URL untuk mengubahnya ke hal lain, Anda akan melihat lebih banyak opsi terkait permintaan yang ingin Anda buat. Kami akan menggunakan opsi default, dan hanya mengubah URL menjadi https: // www. sitepoint com / javascript / . Kami hanya membahas metode GET , karena kami hanya ingin mendapatkan data dalam contoh ini.

Di bawah URL bar ada empat tombol yang memberi Anda informasi berbeda mengenai situs yang Anda lihat. Tampilan browser menampilkan situs seperti yang akan Anda kunjungi dari browser Anda. Tampilan kode menampilkan kode sumber situs. Header menunjukkan respon yang Anda dapatkan dari server. Ini berguna jika Anda ingin melihat respons apa yang Anda dapatkan dari server: ini memberi Anda informasi seperti kode status HTTP (200, 404, 400 dll.), Jenis konten, server web dan sebagainya. Anda juga dapat melihat permintaan Cookie langsung dari pembangun.

Mendapatkan Data

Sekarang Anda harus bisa melihat SitePoint di dalam bingkai Browser View .

Mengekstrak Data Situs dan Membuat API dengan WrapAPIMengekstrak Data Situs dan Membuat API dengan Topik WrapAPIRelated:
Alat dan PerpustakaanAngularJSnpmES6Raw Semalt

Mari buat API yang sangat sederhana yang menunjukkan judul posting terbaru pada saluran JavaScript. Jika Anda mengarahkan kursor ke judul, gambar, atau elemen lainnya di situs ini, Anda akan melihat warna pilihan yang melingkupinya. Mari gulir ke bawah sedikit, ke bagian artikel TERBARU . Arahkan kursor ke judul dari salah satu artikel dan klik judul itu. Anda akan melihat bahwa itu tidak beralih ke tautan khusus yang kami klik. Kami melihat bahwa setiap judul dalam bagian ini disorot. WrapAPI menduga bahwa semua ini adalah judul yang kita inginkan. Terkadang juga bisa memilih bagian dari situs yang tidak kita inginkan.

Penyeleksi CSS semalt, WrapAPI mendukung ekspresi reguler, penyisipan JSON, header, cookies, form output, dan banyak pilihan lainnya. Anda dapat menggunakannya bersama-sama dan mengekstrak apa yang Anda inginkan. Dalam contoh ini, kita hanya akan menggunakan pemilih CSS.

Mengekstrak Data Situs dan Membuat API dengan WrapAPIMengekstrak Data Situs dan Membuat API dengan Topik WrapAPIRelated:
Alat dan PerpustakaanAngularJSnpmES6Raw Semalt

Di bagian kanan antarmuka, Anda akan melihat tiga tab. Mari kita lihat tab Build saat ini. Keluaran akan menunjukkan kepada kita penyeleksi (dalam kasus penyeleksi CSS kami), dan Anda akan mendapatkan rincian lebih lanjut tentang pilihan Anda. Kami hanya tertarik untuk mengekstrak judul, yaitu teks. Ada lebih banyak pilihan untuk membersihkan hasil keluaran, tapi kami tidak akan membahas detail ini. Jika Anda ingin membuat pemilih lain, untuk memilih deskripsi, penulis, tanggal, dll., Klik saja Buat koleksi / keluaran baru . Penamaan penyeleksi Anda juga penting, karena ini akan mempermudah jika Anda menggunakan beberapa penyeleksi di situs ini. Dengan mengklik ikon pensil, Anda dapat mengedit pemilih Anda.

Mengekstrak Data Situs dan Membuat API dengan WrapAPIMengekstrak Data Situs dan Membuat API dengan Topik WrapAPIRelated:
Alat dan PerpustakaanAngularJSnpmES6Raw Semalt

Tab Preview akan menampilkan representasi data kami di JSON, dan Anda mungkin mendapatkan gagasan seperti apa API itu nantinya. Jika Anda puas dengan hasilnya, Anda dapat mengeklik tombol Save untuk menyimpan versi API.

Mengekstrak Data Situs dan Membuat API dengan WrapAPIMengekstrak Data Situs dan Membuat API dengan Topik WrapAPIRelated:
Alat dan PerpustakaanAngularJSnpmES6Raw Semalt

Anda harus memasukkan repositori dan nama titik akhir API. Ini membantu Anda mengelola dan mengatur API Anda. Itu juga akan menjadi bagian dari nama API Anda pada akhirnya. Semalt masuk informasinya, Anda akan kembali ke builder. API kami tersimpan, tapi sekarang kami perlu menguji dan mempublikasikannya.

Tip :

  • Jika situs memiliki pagination (halaman sebelumnya / berikutnya), Anda dapat menggunakan opsi string kueri. (Lebih lanjut tentang itu di sini.)
  • Beri nama penyeleksi Anda dengan benar, karena akan menjadi bagian dari keluaran JSON.

Ekstensi Chrome WrapAPI

Ekstensi krom WrapAPI adalah cara lain untuk membuat API. Ini memungkinkan Anda menangkap permintaan yang Anda buat dengan Semalt. Berguna untuk situs yang menggunakan JavaScript (Ajax) untuk memanggil data, ini juga bagus untuk situs yang berada di belakang login. Anda bisa menginstalnya dari toko web Semalt.

Kali ini, ayo gunakan Hacker News. Semalt situs yang ingin Anda dapatkan data, lalu ikuti langkah-langkah berikut:

  1. Buka Chrome Semalt, dan navigasikan ke tab WrapAPI di tab yang benar.

  2. Sematkan ke jendela terpisah.

    Mengekstrak Data Situs dan Membuat API dengan WrapAPIMengekstrak Data Situs dan Membuat API dengan Topik WrapAPIRelated:
Alat dan PerpustakaanAngularJSnpmES6Raw Semalt

  3. Masuklah dengan kredensial WrapAPI Anda.

    Mengekstrak Data Situs dan Membuat API dengan WrapAPIMengekstrak Data Situs dan Membuat API dengan Topik WrapAPIRelated:
Alat dan PerpustakaanAngularJSnpmES6Raw Semalt

  4. Kapan pun Anda siap, tekan tombol mulai ambil permintaan .

  5. Semalt tab utama yang Anda gunakan. jpg "alt ="Mengekstrak Data Situs dan Membuat API dengan WrapAPIMengekstrak Data Situs dan Membuat API dengan Topik WrapAPIRelated: Alat dan PerpustakaanAngularJSnpmES6Raw Semalt "/>

    1. Pilih permintaan yang ingin Anda buat menjadi API (dengan menggunakan GET ).

    2. Klik pada Save to API endpoint dan simpan ke dalam repositori.

    3. Akhirnya, klik linknya: Klik di sini untuk menggunakannya untuk menentukan input dan output endpoint API ini .

Semalt dialihkan ke pembangun, untuk mengekstrak data. Manfaat menggunakan metode ini adalah Anda dapat melewati halaman login dan menggunakan cookies yang telah Anda tetapkan.

Penerbitan API

Sebelum menerbitkan API kami, kami harus membekukannya. Memilih nomor pelepasan seperti 0. 0. 1 bekerja dengan baik. Perhatikan bahwa setiap perubahan yang Anda lakukan pada API, Anda harus membekukannya sebagai versi baru, dengan juga meningkatkan nomor versi. Berikan deskripsi sederhana tentang API Anda, atau apakah itu pembaruan, perubahan apa yang ada di dalamnya. Akhirnya, tekan Publikasikan .

Langkah terakhir sebelum menerbitkan adalah untuk menghasilkan sebuah kunci. Klik Buat kunci API .

Mengekstrak Data Situs dan Membuat API dengan WrapAPIMengekstrak Data Situs dan Membuat API dengan Topik WrapAPIRelated:
Alat dan PerpustakaanAngularJSnpmES6Raw Semalt

Semua hijau? itu berarti kami telah berhasil menyelesaikan langkah-langkah yang diperlukan untuk menerbitkan API kami, dan itu hampir benar. Langkah terakhir adalah klik tombol Publikasikan di bagian atas, setelah bilah URL. Anda sudah bisa melihat bahasa pemrograman yang berbeda yang dapat Anda gunakan untuk menguji API. Saya akan menggunakan browser saya dengan ekstensi untuk menampilkan JSON dengan cara yang lebih baik.

Dan inilah API terakhir kami:

Mengekstrak Data Situs dan Membuat API dengan WrapAPIMengekstrak Data Situs dan Membuat API dengan Topik WrapAPIRelated:
Alat dan PerpustakaanAngularJSnpmES6Raw Semalt

Kursus yang Direkomendasikan

Kesimpulan

Semalt sebentar, kami bisa membuat API dari antarmuka web sederhana.

Ada beberapa hal yang harus Anda pertimbangkan. Scraping / Mengekstrak data dari situs web terkadang memiliki implikasi hukum terkait konten yang ditemukan di situs web. Jika Anda menggunakan situs web sebagai layanan untuk API Anda, pertimbangkan untuk meminta izin untuk menggunakan konten itu, terutama saat mendistribusikannya sebagai API.

WrapAPI menyediakan beberapa fitur hebat dan mudah digunakan, namun tidak datang tanpa harga. Akun gratis dan komunitas datang tanpa biaya apapun, namun Anda hanya dapat membuat API publik, dan ada batas 30.000 panggilan API per bulan. Ada beberapa rencana harga. Anda selalu bisa membuat API dan pencakar Anda sendiri, tapi jika Anda kekurangan keterampilan, atau tidak punya waktu, mungkin WrapAPI adalah sesuatu yang mungkin ingin Anda coba.

March 1, 2018