Cara Membina dan Struktur Aplikasi Node.js MVC

Apabila membina aplikasi kompleks, reka bentuk seni bina adalah sama pentingnya dengan kualiti kod. Walaupun kod itu ditulis dengan baik, tetapi tidak mempunyai struktur organisasi yang baik, mengekalkan dan berskala menjadi sangat sukar kerana peningkatan kerumitan. Oleh itu, amalan terbaik adalah merancang seni bina sebelum projek bermula, membimbing matlamat projek dan membuat pilihan yang tepat.

Tidak seperti rangka kerja seperti Ruby on Rails, Node.js tidak mempunyai rangka kerja standard de facto untuk menguatkuasakan seni bina dan organisasi kod tertentu. Ini menjadikan pilihan seni bina agak bebas apabila membina aplikasi web node.js lengkap, tetapi juga menambah cabaran.

Tutorial ini akan menggunakan seni bina MVC untuk membina aplikasi pengambilan nota asas, menunjukkan cara menggunakan rangka kerja hAPI.js node.js, pangkalan data SQLite (beroperasi melalui sequelize.js), dan enjin template pug untuk mencapai cekap untuk mencapai efisien untuk mencapai efisien untuk mencapai efisien untuk mencapai efisien pembangunan.

mata teras:

Mengatur aplikasi Node.js dengan cekap menggunakan seni bina MVC (Model-View-Controller) untuk meningkatkan kebolehpercayaan dan skalabiliti.
Mulakan projek dengan npm dan buat
• fail untuk menguruskan kebergantungan. package.json
Bina pelayan menggunakan rangka kerja HAPI.JS dan menguruskan data menggunakan pangkalan data SQLite dan Sequelize.js.
Tentukan laluan Node.js, jelaskan fungsi aplikasi, dan pastikan setiap laluan dikaitkan dengan kaedah dan pengendali HTTP yang betul.
Tentukan model menggunakan Sequelize.js untuk memastikan integriti data dan menyediakan lapisan abstraksi.
Melaksanakan pengawal untuk memproses logik perniagaan, sambungkan model dan pandangan, dapatkan data dan tentukan format output.
Buat pandangan menggunakan enjin templat PUG untuk membuat respons HTTP lebih mudah dibaca dan berstruktur.
Gunakan plugin inert HAPI.js untuk menyediakan perkhidmatan fail statik dan menguruskan fail CSS dan JavaScript dengan cekap.

Apa itu MVC?

Model-View-Controller (MVC) mungkin salah satu seni bina aplikasi yang paling popular. Corak MVC pada asalnya direka dalam PARC untuk bahasa SmallTalk untuk menyelesaikan masalah organisasi aplikasi antara muka pengguna grafik. Walaupun pada asalnya digunakan dalam aplikasi desktop, konsep ini telah berjaya digunakan untuk pembangunan web.

Cukup meletakkan, seni bina MVC termasuk:

• Model: bahagian pangkalan data pemprosesan atau sebarang fungsi berkaitan data.
• Lihat (Lihat): Semua pengguna melihat - halaman yang dihantar kepada pelanggan.
• pengawal: logik laman web, dan jambatan antara model dan pandangan. Pengawal memanggil model untuk mendapatkan data, kemudian lulus data ke paparan, dan akhirnya menghantarnya kepada pengguna.

Aplikasi ini akan membolehkan penciptaan, melihat, mengedit dan menghapuskan nota teks biasa. Walaupun ciri -ciri mudah, seni bina pepejal akan memudahkan untuk menambah ciri -ciri baru pada masa akan datang.

Tutorial ini mengandaikan bahawa anda telah memasang versi terkini Node.js pada mesin anda. Jika tidak, sila rujuk tutorial yang berkaitan untuk pemasangan.

Kod aplikasi akhir telah dimuat naik ke repositori GitHub, dan anda boleh melihat struktur projek yang lengkap.

Land the Foundation

Langkah pertama dalam membina sebarang aplikasi Node.js adalah untuk membuat fail package.json dengan semua kebergantungan dan skrip. Fail ini boleh dijana secara automatik menggunakan perintah NPM init:

mkdir notes-board
cd notes-board
npm init -y

Sebaik sahaja

selesai, anda akan mempunyai fail package.json yang tersedia.

NOTA: Jika anda tidak biasa dengan arahan ini, sila lihat Panduan Bermula NPM kami.

Seterusnya, pasang rangka kerja HAPI.JS:

npm install @hapi/hapi@18.4.0

Perintah ini akan memuat turun hapi.js dan menambahnya kepada kebergantungan dalam fail package.json.

Nota: Kami menetapkan versi V18.4.0 HAPI.js kerana ia serasi dengan versi node 8, 10 dan 12. Jika anda menggunakan Node 12, anda boleh memilih untuk memasang versi terkini (HAPI v19.1.0).

Sekarang, buat fail entri - Mulakan pelayan web dengan segala -galanya. Buat fail server.js di direktori aplikasi dan tambahkan kod berikut:

"use strict";

const Hapi = require("@hapi/hapi");
const Settings = require("./settings");

const init = async () => {
  const server = new Hapi.Server({ port: Settings.port });

  server.route({
    method: "GET",
    path: "/",
    handler: (request, h) => {
      return "Hello, world!";
    }
  });

  await server.start();
  console.log(`Server running at: ${server.info.uri}`);
};

process.on("unhandledRejection", err => {
  console.log(err);
  process.exit(1);
});

init();

Ini adalah asas permohonan. Pertama, kami menggunakan mod yang ketat; Mesej dunia! "Akhirnya, kami memulakan pelayan menggunakan kaedah server.start().

Tetapan penyimpanan

Amalan terbaik ialah menyimpan pembolehubah konfigurasi dalam fail khusus. Fail ini mengeksport objek JSON yang mengandungi data, di mana setiap kunci diberikan pemboleh ubah persekitaran bebas, tetapi jangan lupa nilai alternatif.

Dalam fail ini, kita juga boleh mempunyai tetapan yang berbeza bergantung kepada persekitaran (seperti pembangunan atau pengeluaran). Sebagai contoh, kita boleh menggunakan contoh memori SQLite untuk tujuan pembangunan, tetapi menggunakan fail pangkalan data SQLite sebenar dalam persekitaran pengeluaran.

Memilih tetapan berdasarkan persekitaran semasa adalah sangat mudah. Oleh kerana kami juga mempunyai pemboleh ubah Env dalam fail yang akan mengandungi pembangunan atau pengeluaran, kami boleh melakukan perkara berikut untuk mendapatkan tetapan pangkalan data:

const dbSettings = Settings[Settings.env].db;

Oleh itu, apabila pembolehubah Env adalah pembangunan, dbsettings akan mengandungi tetapan pangkalan data dalam memori;

Di samping itu, kami boleh menambah sokongan untuk

fail di mana pembolehubah persekitaran tempatan boleh disimpan untuk tujuan pembangunan. Ini boleh dilakukan melalui pakej node.js seperti dotenv, yang akan membaca fail .env dalam akar projek dan secara automatik menambah nilai yang dijumpai ke persekitaran. .env

NOTA: Jika anda memutuskan untuk menggunakan fail juga, pastikan untuk memasang pakej menggunakan .env dan tambahkannya ke npm install dotenv untuk mengelakkan menyiarkan sebarang maklumat sensitif. .gitignore

fail

kami adalah seperti berikut: settings.js

// This will load our .env file and add the values to process.env,
// IMPORTANT: Omit this line if you don't want to use this functionality
require("dotenv").config({ silent: true });

module.exports = {
  port: process.env.PORT || 3000,
  env: process.env.NODE_ENV || "development",

  // Environment-dependent settings
  development: {
    db: {
      dialect: "sqlite",
      storage: ":memory:"
    }
  },
  production: {
    db: {
      dialect: "sqlite",
      storage: "db/database.sqlite"
    }
  }
};

Sekarang, kita boleh memulakan permohonan dengan melaksanakan arahan berikut dan menavigasi ke

dalam pelayar web kami: http://localhost:3000

mkdir notes-board
cd notes-board
npm init -y

NOTA: Projek ini diuji pada nod v12.15.0. Jika anda menghadapi sebarang kesilapan, pastikan anda mempunyai versi terkini yang dipasang.

(langkah -langkah berikut, disebabkan oleh batasan ruang, kandungan berikut akan diringkaskan secara ringkas. Sila rujuk teks asal untuk butiran pelaksanaan tertentu)

Tentukan laluan: Tentukan laluan untuk aplikasi dalam fail lib/routes.js, termasuk kaedah Get, Post, Put, dan Padam untuk mengendalikan penciptaan, membaca, mengemas kini dan menghapuskan nota.

Bina model: Buat Note menggunakan sequelize.js dan sqlite untuk menentukan struktur data nota (tarikh, tajuk, kandungan, dll.). Tentukan model dalam lib/models/note.js.

Bina pengawal: Buat pengawal untuk mengendalikan permintaan penghalaan. lib/controllers/home.js memproses halaman rumah, lib/controllers/note.js memproses operasi CRUD yang berkaitan dengan nota.

Membina pandangan: Buat pandangan menggunakan enjin templat PUG. lib/views/home.pug Tunjukkan senarai nota, lib/views/note.pug tunjukkan butiran nota individu. lib/views/components/note.pug Tentukan komponen nota.

Fail Static Service: Gunakan plugin inert HAPI.js untuk menyampaikan fail statik (JavaScript dan CSS). Daftar plugin inert dalam server.js dan tambahkan laluan fail statik dalam routes.js.

klien JavaScript: Tulis kod JavaScript pelanggan untuk mengendalikan paparan/menyembunyikan tingkap modal, dan serahkan borang menggunakan AJAX.

Ringkasan

Tutorial ini membina aplikasi pengambilan nota asas berdasarkan HAPI.JS dan MVC Architecture. Walaupun masih terdapat banyak butiran yang perlu ditapis (seperti pengesahan input, pengendalian ralat, dan lain -lain), ini menyediakan asas untuk pembelajaran dan bangunan aplikasi Node.js. Anda boleh menambah pengesahan pengguna, UI yang lebih kompleks dan fungsi lain atas dasar ini.

Atas ialah kandungan terperinci Cara Membina dan Struktur Aplikasi Node.js MVC. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!