Tutorial ini menunjukkan membina aplikasi sembang masa nyata menggunakan Sails.js, rangka kerja MVC pembangunan aplikasi pesat untuk Node.js yang diilhamkan oleh Rails. Kami akan memanfaatkan ciri-ciri terbina dalam Sails.JS, meminimumkan pergantungan pada perpustakaan luaran untuk pengalaman pembelajaran yang diperkemas.
Ciri -ciri Utama:
- Perkembangan pesat: Sails.JS's MVC Architecture and Ciri-ciri Terbina dalam Mempercepat Pembangunan.
- Keupayaan masa nyata: Sokongan WebSocket terbina dalam membolehkan kemas kini masa nyata.
- Persediaan yang dipermudahkan: menggunakan pangkalan data cakera tempatan Sails.js dan templat EJS untuk persediaan awal yang mudah.
- kebergantungan luaran yang minimum: memberi tumpuan kepada fungsi sails.js teras.
- Pengesahan Asas: Melaksanakan sistem pengesahan tanpa kata laluan asas.
- Pengurusan Profil Pengguna: Termasuk ciri kemas kini profil pengguna asas.
Prasyarat:
kebiasaan dengan seni bina MVC dan pemahaman asas Node.js dan JavaScript moden (ES6) diandaikan. Tutorial ini menggunakan perpustakaan core sails.js; Integrasi dengan kerangka depan seperti React atau Vue tidak dilindungi di sini tetapi sangat disyorkan untuk aplikasi pengeluaran. Kami akan menggunakan pangkalan data lalai, berasaskan fail untuk kesederhanaan.
Skop Projek:
tutorial ini membina aplikasi sembang mudah yang memaparkan:
ruang sembang tunggal.
- Pengesahan Kata Laluan Asas.
Fungsi Kemas Kini Profil Pengguna. -
-
Pemasangan dan persediaan:
node.js dan npm: - Pastikan anda mempunyai node.js (versi 7.10 atau serasi) dan NPM dipasang. NVM disyorkan untuk menguruskan pelbagai versi node.js.
sails.js: - Pasang sails.js secara global:
npm install -g sails
Penciptaan Projek: - menghasilkan projek sails.js baru:
sails new chat-app
kebergantungan depan (menggunakan npm): - Pasang semantik UI CSS dan JSrender:
kemudian salin fail yang diperlukan untuk menggunakan grunt: (ubah seperti yang ditunjukkan dalam tutorial asal). Kemas kini npm install semantic-ui-css jsrender --save
dan assets/vendor
untuk memasukkan aset ini. grunt copy:dev
tasks/config/copy.js
assets/styles/importer.less
tasks/pipeline.js
Jalankan aplikasi: navigasi ke direktori projek anda (- ) dan mulakan pelayan:
tutorial kemudian meneruskan untuk membimbing anda melalui membuat model (pengguna, chatmessage), pengawal (usercontroller, chatmessagecontroller, authcontroller), pandangan (menggunakan ejs dan jsrender untuk rendering sisi pelanggan), routing, polisi (untuk pengesahan) Melaksanakan fungsi sembang langkah demi langkah. Langkah -langkah terperinci untuk setiap aspek ini ditinggalkan di sini untuk keringkasan, tetapi teks asal menyediakan panduan yang komprehensif. Hasil akhir adalah aplikasi sembang yang berfungsi, walaupun asas, masa nyata. Kod sumber lengkap boleh didapati di GitHub (pautan yang disediakan dalam teks asal).
Atas ialah kandungan terperinci Membina aplikasi sembang masa nyata dengan sails.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!