Membina aplikasi sembang dengan nod-webkit, firebase, dan sudut

Tutorial ini menunjukkan membina aplikasi sembang desktop, "VTAK," menggunakan nod-webkit, firebase, dan angularjs. Aplikasi ini membolehkan pengguna mendaftar atau log masuk melalui media sosial (Twitter, Google, Facebook) menggunakan Login Mudah Firebase. Selepas log masuk, pengguna melihat senarai bilik sembang, boleh membuat bilik baru, dan menyertai yang sedia ada untuk pemesejan masa nyata.

Ciri -ciri & Teknologi Utama:

• node-webkit: menguasai aplikasi desktop.
• firebase: Menyediakan penyimpanan data masa nyata dan pengesahan pengguna.
• AngularJS: mengendalikan kerangka depan dan antara muka pengguna.
• slush-wean: digunakan untuk perancah struktur projek awal.

Prasyarat:

kebiasaan dengan nod-webkit, firebase, dan angularjs disyorkan. Sumber yang berguna dikaitkan dalam artikel asal. Teks Sublime dicadangkan sebagai editor kod.

Struktur Aplikasi & Persediaan:

Penjana

mencipta susun atur projek asas: slush-wean

<code>.
├── app.js          // Express server config
├── gulpFile.js     // Task runner
├── index.html      // Main/splash screen
├── package.json
├── public          // Static resources (client-side app)
│   ├── css
│   ├── fonts
│   ├── js
│   ├── lib
│   └── partials
├── routes          // Express routes
└── views           // AngularJS views</code>

Pengesahan dilaksanakan menggunakan Login Mudah Firebase (terperinci dalam tutorial berasingan yang dikaitkan dalam artikel asal). Projek ini menggunakan AngularJs untuk bahagian depan.

Langkah -langkah Pembangunan (Ringkasan):

1. perancah: Gunakan untuk memasang alat yang diperlukan dan kemudian npm i -g gulp slush slush-wean untuk menghasilkan projek. Jalankan slush wean untuk memulakan aplikasi. gulp run
2. Pengesahan: Mengintegrasikan Login Mudah Firebase (Rujuk kepada tutorial yang dipautkan).
3. Laman Utama: Membangunkan halaman rumah () untuk memaparkan bilik sembang, membolehkan pengguna membuat dan menyertai bilik. Pengawal yang sepadan () menguruskan penciptaan bilik, penghapusan, dan menyertai. public/partials/home.html public/js/controllers.js
Halaman sembang:
4. Buat halaman sembang () dan pengawal () untuk mengendalikan pemesejan masa nyata menggunakan pangkalan data masa nyata Firebase. Arahan public/partials/chat.html digunakan untuk menatal lancar. public/js/controllers.js scroll-glue
pengedaran:
5. Gunakan , , atau gulp build-osx untuk membuat pemasang khusus platform. gulp build-win gulp build-linux

Butiran lanjut:

Artikel asal menyediakan arahan terperinci untuk setiap langkah, termasuk coretan kod dan penjelasan untuk menubuhkan laluan, pengawal, pandangan, dan mengintegrasikan firebase dan angularjs. Ia juga menangani gaya dan debugging. Kod Lengkap boleh didapati di GitHub (pautan yang disediakan dalam artikel asal).

Artikel ini juga termasuk seksyen Soalan Lazim yang menangani soalan -soalan umum mengenai bangunan sembang bangunan dengan pelbagai teknologi, termasuk AngularJs, Firebase, Socket.io, Sendbird SDK, dan API sembang Stream. Bahagian ini menyediakan konteks tambahan dan pendekatan alternatif untuk membina aplikasi yang sama.

Atas ialah kandungan terperinci Membina aplikasi sembang dengan nod-webkit, firebase, dan sudut. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!