Jadikan diri anda sedikit API dengan fungsi Netlify

Membina API Mikro dengan Fungsi Netlify: Kes Praktikal

Fungsi awan memberikan kita banyak senario aplikasi pintar. Sebagai contoh, Glitch menawarkan pakej "perbendaharaan kata yang mesra" yang secara rawak menghasilkan frasa seperti "Gajah Happy" atau "Walking Tree". Jika anda ingin melaksanakan ciri ini dalam laman web JavaScript, ia mungkin agak bermasalah untuk menggunakan pakej ini secara langsung kerana ia adalah besar (kira -kira 200kb) dan mengandungi sejumlah besar kamus perbendaharaan kata. Untuk mengelakkan peningkatan beban pelanggan JavaScript, kita boleh menggunakan fungsi awan untuk membina API mini.

Kelebihan fungsi awan ialah kita boleh meletakkan sumber yang besar di sisi pelayan tanpa memuatkannya kepada pelanggan. Platform Netlify menjadikannya sangat mudah untuk membuat API tersebut.

Berikut adalah contoh mudah dengan kod yang sangat kecil:

Fungsi folder dan fail nod

Buat folder /functions/ dalam direktori root projek dan tambahkan fail random.js di dalamnya. Fail ini akan memperkenalkan pakej friendly-words dan mengeksport fungsi. Fungsi fungsi ini adalah untuk mendapatkan dua perkataan secara rawak, menggabungkannya bersama -sama dan mengembalikan hasilnya.

 Const Friendly Words = memerlukan ("Friendly-words");

eksports.handler = fungsi (peristiwa, konteks, panggilan balik) {
  const {meramalkan, objek} = kata -kata mesra;
  const numberOfPredicates = predictes.length;
  const NumberOfObjects = objects.length;

  const randomPredicate = meramalkan [math.floor (math.random () * numberOfPredicates)];
  const randomObject = objects [Math.Floor (Math.Random () * NumberOfObjects)];

  const output = `$ {randompredicate}-$ {randomobject}`;

  Callback (null, {
    tajuk: {
      "Access-Control-Allow-Origin": "*"
    },
    StatusCode: 200,
    badan: output
  });
};

Deplest to netlify

Kami boleh mengkonfigurasi Netlify melalui fail netlify.toml untuk memaklumkan lokasi fail fungsinya, dengan itu mengelakkan mengkonfigurasi menggunakan antara muka UI.

 [Membina]
  perintah = "#"
  fungsi = "fungsi/"

Sudah tentu, anda juga boleh mengkonfigurasinya secara langsung dalam tetapan Netlify.

Setelah penempatan selesai, tetapkan nama tapak yang mesra untuknya dan fungsi awan dapat diakses melalui URL. Anda juga boleh melihatnya secara langsung di penyemak imbas anda:

https://www.php.cn/link/8441c6ab9e88e3764bd79b6d72269a1

Sekarang kita tidak perlu memasukkan pakej dalam JavaScript pelanggan, hanya lawati URL ini untuk mendapatkan hasil yang diinginkan.

Perkongsian Sumber Domain Cors

Jika anda mengakses URL ini dari laman web yang juga digunakan pada friendly-words.netlify.com , tidak perlu mempertimbangkan isu-isu CORS. Tetapi jika anda perlu mengakses dari laman web lain, anda perlu mengendalikan CORS. Sila ambil perhatian tetapan Access-Control-Allow-Origin dalam kod Node.js di atas, yang menyelesaikan masalah silang domain.

Demo

Untuk menggunakan API mini ini, hanya gunakan fungsi fetch .

Netlify menyediakan banyak contoh menggunakan fungsi, yang boleh diterokai lebih lanjut jika anda berminat.

Dalam proses menulis contoh ini, saya merujuk artikel Paul Kinlan, yang melaksanakan hampir fungsi yang sama dan menyediakan beberapa ciri API tambahan yang patut dilihat.

Atas ialah kandungan terperinci Jadikan diri anda sedikit API dengan fungsi Netlify. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!