API Pengertian: Bermula dengan JavaScript SDK '

Artikel ini menunjukkan membina antara muka yang mudah untuk menyambungkan pangkalan data tanggapan anda ke aplikasi tersuai menggunakan API dan JavaScript. Tidak ada pengetahuan terdahulu yang diperlukan, tetapi kebiasaan dengan pembangunan depan dan back-end (Node.js dan Express) sangat membantu. Kod Lengkap tersedia di GitHub.

Ciri -ciri Utama:

• Leverages Beta API terbuka dan JavaScript SDK untuk kemudahan penggunaan.
• membimbing anda melalui menyediakan pangkalan data tanggapan, termasuk membuat lajur dan menambah data sampel.
• menerangkan proses menghasilkan token integrasi untuk akses API yang selamat.
• merangkumi kedua-dua back-end (node.js, ekspres) dan pembangunan front-end.
• menunjukkan cara untuk mendapatkan data (nama, peranan) dari pangkalan data tanggapan anda.
• butiran menyediakan pelayan ekspres untuk mengendalikan permintaan API dan menyampaikan data.
• Termasuk arahan untuk menambah data baru ke pangkalan data tanggapan melalui panggilan API.

Persediaan:

Persediaan dibahagikan kepada tanggapan dan persediaan kod.

persediaan nota:

1. Buat akaun tanggapan (tiang percuma tersedia).
2. Tambahkan halaman baru dan pilih jenis pangkalan data "Jadual".
3. Buat lajur (mis., "Nama," "Peranan") dan mengisi mereka dengan data sampel.
4. pergi ke dokumentasi API tanggapan dan buat integrasi baru. Salin token integrasi dalaman yang dihasilkan. PENTING: Rawat token ini seperti kata laluan.
5. Kongsi pangkalan data anda dengan integrasi yang baru dibuat.

Persediaan Kod:

Buat direktori projek (
1. ). mkdir notion-api-test
Inisialisasi projek node.js (
2. ). npm init -y
Pasang pakej yang diperlukan:
3. . npm install @notionhq/client dotenv express 3 Tambah
ke
4. anda. .env NOTION_API_KEY Buat NOTION_API_DATABASE dan .env fail (lihat contoh kod di bawah). Ubah suai bahagian .gitignore
untuk memulakan pelayan dengan
5. . index.js server.js "scripts" package.json node server
Menarik data:

Fail

menggunakan

SDK untuk berinteraksi dengan API tanggapan. Fungsi Asynchronous, , menanyakan pangkalan data dan mengembalikan data yang diformat.

Express Server: index.js @notionhq/client

Fail server.js menetapkan pelayan Express untuk mengendalikan permintaan API. Laluan /users menggunakan getDatabase untuk mengambil data dan menghantarnya sebagai JSON. Middleware express.static menyajikan fail statik dari direktori public.

Memaparkan data:

3

public/index.html Menambah data: public/style.css public/main.js /users Borang ditambah ke bahagian depan untuk membolehkan pengguna menambah entri baru. Laluan

di

menggunakan fungsi (dalam ) untuk membuat halaman baru dalam pangkalan data tanggapan.

/submit-form server.js newEntryToDatabase Penambahbaikan lebih lanjut: index.js

Pertimbangkan untuk menambah pengendalian ralat, penunjuk pemuatan, dan menukar aplikasi ke aplikasi satu halaman untuk prestasi yang lebih baik.

Respons yang disemak ini memberikan gambaran yang lebih ringkas dan teratur mengenai tutorial, sambil mengekalkan maklumat dan imej utama. Ingatlah untuk menggantikan nilai pemegang tempat dengan kunci API dan ID pangkalan data sebenar anda.

Atas ialah kandungan terperinci API Pengertian: Bermula dengan JavaScript SDK '. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!