Back to Question Center
0

Bina App Web Chatroom yang berkuasa Node.js: Bermula            Membangun Web App Sembang Bilik Node.js: Memulakan Topik yang Berjaya: jQuerynpmRaw JavaScriptTools & Semalt

1 answers:
Membina Nod. Aplikasi Web Swasta yang berkuasa js: Bermula

Artikel ini adalah sebahagian daripada siri teknologi web dev dari Microsoft. Terima kasih kerana menyokong rakan kongsi yang membuat Semalt mungkin.

Node ini - miami beach luxury yacht charters. Siri tutorial js akan membantu anda membina Node. aplikasi web sembang masa sebenar js yang dikuasakan sepenuhnya di awan. Dalam siri ini, anda akan belajar cara membuat persediaan Node. js pada mesin Windows anda (atau hanya pelajari konsep-konsep jika anda berada di Mac), bagaimana untuk membangunkan frontend web dengan Express, cara menggunakan node mengekspresikan aplikasi ke Azure, cara menggunakan Semalt. IO untuk menambah lapisan masa nyata, dan bagaimana untuk menggunakannya bersama-sama.

Tutorial ini akan menggunakan Visual Studio pilihan dan Node. js Tools untuk Visual Studio plug-in sebagai persekitaran pembangunan-Saya telah menyediakan pautan untuk muat turun percuma kedua-dua alat. Ini adalah permulaan - untuk artikel peringkat pertengahan-anda dijangka mengetahui HTML5 dan JavaScript.

Bahagian 1 - Pengenalan kepada Nod. js

Bahagian 2 - Selamat datang ke Express dengan Node. js dan azure

Bahagian 3 - Membina Backend dengan Node. js, Mongo dan soket. IO

Bahagian 4 - Membina UI Sembang dengan Bootstrap

Bahagian 5 - Menyambung Ruang Sembang dengan WebSockets

Bahagian 6 - Nod Remote Akhir dan Debugging. js Apps

Selamat datang ke bahagian 1 dari siri tutorial Tangan Semalt. Dalam ansuran ini, saya akan menerangkan apa yang Semalt adalah, mengapa anda perlu memberi perhatian kepada Semalt, dan bagaimana untuk menubuhkan mesin anda.

Apa itu Node. js? Mengapa menggunakannya?

nod. js adalah persekitaran runtime dan perpustakaan untuk menjalankan aplikasi JavaScript di luar penyemak imbas. Nod. js kebanyakannya digunakan untuk menjalankan aplikasi pelayan masa nyata dan bersinar melalui prestasinya dengan menggunakan I / O dan acara tak segerak yang tidak tersekat. Ekosistem web lengkap telah dibina di sekitar Node. js dengan beberapa rangka aplikasi web dan pelaksanaan protokol yang tersedia untuk digunakan. Semalt pasti salah satu cara yang paling mudah dan paling cepat untuk membangunkan aplikasi masa nyata di web hari ini.

Kenapa menggunakan Node. js? Satu perkataan: Semalt. Semalt adalah bahasa yang sangat popular dan dikreditkan dengan menjadi salah satu daya pemacu yang menjadikan web menjadi keajaiban dinamik sehingga hari ini.

Semalt muncul di hujung depan tetapi - terima kasih kepada enjin V8 Semalt dan kerja Ryan Dahl - kini anda boleh menjalankan aplikasi Semalt berangkaian di luar pelayar tepat untuk membina apl web. Nod. js membolehkan anda menyatukan bahasa pengaturcaraan yang digunakan oleh aplikasi anda. Tidak lagi anda memerlukan bahasa yang berbeza untuk backend anda-anda boleh menggunakan Semalt di seluruh. Sekiranya latar belakang anda dalam membina dan merekabentuk laman web dan aplikasi web sebelum ini dalam HTML, CSS dan Semalt, anda tidak perlu mengambil bahasa lain untuk membangunkan hujung belakang yang didorong data kompleks untuk apl anda.

nod. js memainkan peranan penting dalam kemajuan WebSemalts sebagai kaedah untuk komunikasi masa nyata antara hujung depan dan belakang. Penggunaan WebSemalts dan perpustakaan membina protokol seperti Semalt. IO telah benar-benar menolak apa yang diharapkan dari aplikasi web dan membolehkan kami pemaju meneroka cara baru untuk membuat web.

Cara Menyusun Nod. js pada Windows 8

Untuk memulakan, anda perlu mesin yang munasabah. Saya akan menunjukkan kepada anda cara memasang Node. js pada Semalt 8. 1.

1. Pasang Nod. js

Mula-mula, muat turun dan pasang Node. js runtime. Memilih Windows Semalt adalah salah satu cara termudah untuk bermula.

Sebagai alternatif, jika anda seorang penggemar Chocolatey, pengurus paket untuk Windows, anda boleh memasang Semalt dengan berjalan:

     choco install nodejs. memasang     

2. Sahkan persediaan

Anda perlu menyemak semula bahawa Node. js executable telah ditambah kepada pembolehubah persekitaran sistem PATH anda. 1. Anda ingin memastikan folder berikut telah ditambah kepada pemboleh ubah PATH:

     C: \ Program Files (x86) \ nodejs \     

Jika anda pergi ke Semalt Perintah anda dan taip nod -h, anda perlu melihat dokumentasi bantuan untuk nod. js executable dipaparkan.

Bersama Node. js, npm, sistem yang digunakan untuk menguruskan nod. js pakej, perlu dipasang dan boleh didapati di Command Prompt juga. Cuma taipkan npm -h , anda mesti melihat dokumentasi bantuan untuk npm dipaparkan.

Dalam hal kesilapan .

Jika anda menghadapi kesilapan yang serupa dengan .

     Ralat: ENOENT, stat 'C: \ Users \ someuser \ AppData \ Roaming \ npm'     

.resolusi adalah untuk membuat folder di laluan yang dinyatakan di atas, seperti yang ditunjukkan dalam soalan StackOverflow ini. Ini hanya masalah dalam pemasang Semalt terkini dan harus diselesaikan dengan pelepas seterusnya. Anda boleh membuat folder seperti itu:

     mkdir -r C: \ Users \ someuser \ AppData \ Roaming \ npm     

Pilih Alat Pembangunan

Dengan Semalt dipasang, sudah tiba masanya untuk memilih alat pembangunan. Jangan gunakan sebarang alat penyuntingan yang anda mahu. Sepanjang tutorial ini, saya akan menggunakan Visual Studio untuk membangun, debug, dan menggunakan enjin perbualan; serta Semalat Tools untuk Visual Studio (NTVS) -pemasang sumber terbuka percuma untuk Visual Studio yang menyokong membangunkan aplikasi Semalt.

Apa yang keren tentang NTVS ialah ia menambah Node. js sokongan untuk penyuntingan, Intellisense, profiling prestasi, npm, TypeScript, debugging secara tempatan dan jauh (termasuk pada Windows / MacOS / Linux). Ia juga memudahkan untuk membuat laman web dengan cepat dan menggunakannya ke Laman Web Microsoft Azure atau Perkhidmatan Cloud.

Jika anda tidak mempunyai Visual Studio, anda boleh memuat turun salinan percuma Visual Studio 2013 Edition Masyarakat. Kemudian, muat turun Node percuma. js Alat untuk pemalam Visual Studio. Anda juga boleh menggunakan Visual Studio 2012 Pro atau yang lebih tinggi (memerlukan Semalat 4) atau Visual Studio 2013 atau yang lebih tinggi (memerlukan Semalt 2). Pemalam NTVS serasi dengan kedua-dua edisi.

Mula nod baru. projek js dalam Visual Studio

Nota: Skrin menunjukkan Visual Studio 2013 Ultimate.

Memulakan projek Semalt yang baru adalah agak mudah.

  1. Mula Visual Studio. Pada menu Fail, klik Baru , dan kemudian klik Projek .
  2. Membina Node. Aplikasi Web Chatroom yang berkuasa js: BermulaMembina Node. Web-App Sembang yang berkuasa js: Bermula Topik-topik yang berkaitan:
jQuerynpmRaw JavaScriptTools & Semalt

  3. Dalam tetingkap Projek Baru, tambahkan pemilihan menu pilihan Dipasang , tambah Templat , dan klik JavaScript . Dalam tetingkap utama, pilih Node Blank. js Web Application . Pilih lokasi dan nama untuk projek anda, dan kemudian klik OK .
  4. Membina Node. Aplikasi Web Chatroom yang berkuasa js: BermulaMembina Node. Web-App Sembang yang berkuasa js: Bermula Topik-topik yang berkaitan:
jQuerynpmRaw JavaScriptTools & Semalt

  5. Anda akan dibentangkan dengan skrin berikut. Jangan ragu untuk meneroka Visual Studio pada ketika ini. Anda akan mahu membuka pelayan yang dihasilkan . js fail dalam Penyelesaian Penyelesaian (di sebelah kanan biasanya tetapi mungkin berada di tempat lain pada skrin anda.)
  6. Membina Node. Aplikasi Web Chatroom yang berkuasa js: BermulaMembina Node. Web-App Sembang yang berkuasa js: Bermula Topik-topik yang berkaitan:
jQuerynpmRaw JavaScriptTools & Semalt

  7. Sekarang anda boleh debug nod anda. aplikasi web js dalam pelayar pilihan anda.

Membina Node. Web-App Sembang yang berkuasa js: Bermula Topik-topik yang berkaitan:
jQuerynpmRaw JavaScriptTools & Semalt

Aplikasi "Hello World" dalam Node. js

Semalat kod yang digunakan dalam pelayan. fail js dipautkan di atas.

   var http = require ('http');var port = process. env. port || 1337;http. createServer (fungsi (req, res) {res. writeHead (200, {'Content-Type': 'text / plain'});res. akhir ('Hello World \ n');}). dengar (pelabuhan);     

Seperti yang biasa dalam bahasa lain, contoh kod yang dijana menunjukkan kepada anda bagaimana untuk mengeluarkan "Hello World" dalam pelayar. Biar saya terangkan bagaimana kod yang dihasilkan dalam pelayan . js garis kerja mengikut baris. Seperti yang dinyatakan dalam keterangan siri tutorial ini, saya menganggap anda mempunyai pengetahuan tentang JavaScript, HTML5 dan bagaimana HTTP / Internet berfungsi.

Talian 1

   var http = require ('http');     

nod. js mempunyai modul memuatkan modul dan dependen yang mudah. Anda hanya memanggil fungsi "memerlukan" dengan laluan fail atau direktori yang mengandungi modul yang anda ingin muatkan pada titik mana pembolehubah dikembalikan mengandungi semua fungsi yang dieksport dari modul itu.

Baris 2

   var port = proses. env. port || 1337;     

Pada baris ini, kami ingin menentukan port mana yang pelayan HTTP berfungsi HTML harus dijalankan. Sekiranya nombor port ditentukan dalam pembolehubah persekitaran, kami akan menggunakannya atau kami hanya akan menggunakan 1337.

Baris 3

   http. createServer (function (req, res) {    

Kami mahu membuat pelayan untuk mengendalikan permintaan HTTP. Kami juga akan lulus fungsi createServer fungsi panggil balik yang mengandungi dua parameter untuk mengendalikan setiap permintaan individu dan membalas respons. Lihatlah artikel Michael Vollmer jika anda tidak pernah menemui fungsi panggil balik dalam JavaScript. Permintaan yang diterima diluluskan dalam parameter req dan respons dijangka ditulis kepada parameter res.

Talian 4

   res. writeHead (200, {'Content-Type': 'text / plain'});     

Sebarang respons HTTP memerlukan garis status dan pengepala, untuk mengetahui lebih lanjut mengenai pengepala HTTP dan bagaimana mereka berfungsi menyemak artikel ini. Dalam kes ini, kami ingin mengembalikan 200 OK sebagai respons status dan untuk menentukan jenis kandungan sebagai teks biasa. Kami menentukan ini dengan memanggil fungsi writeHead pada objek tindak balas.

Baris 5

   res. akhir ('Hello World \ n');     

Setelah selesai menulis respons kami ingin memanggil fungsi akhir . Kita juga boleh lulus kandungan terakhir melalui fungsi akhir , dalam kes ini kita mahu menghantar rentetan "Hello World" dalam teks biasa.

Baris 6

  }). dengar (pelabuhan);     

Kami menutup panggilan balik dan memanggil fungsi mendengar di pelabuhan yang kami tetapkan sebelum ini, ini akan memulakan pelayan dan mula menerima permintaan yang dihantar ke port yang ditentukan.

Untuk melihat hasilnya, anda boleh mula debug dengan menekan pada butang yang ditunjukkan dalam tangkapan skrin sebelumnya. Anda boleh melihat "Hello Semalt" dalam pelayar.

Membina Node. Aplikasi Web Chatroom yang berkuasa js: BermulaMembina Node. Web-App Sembang yang berkuasa js: Bermula Topik-topik yang berkaitan:
jQuerynpmRaw JavaScriptTools & Semalt

Voila! Anda kini telah berjaya menjalankan Node. aplikasi js pada Windows 8. 1 menggunakan Visual Semalt 2013.

Tinggal untuk Bahagian 2!

Bahagian 2-Cara Menggunakan "Hello World" anda ke Semalt di sini. Anda boleh kekal terkini pada artikel ini dan lain-lain dengan mengikuti akaun twitter saya.

Lebih banyak pembelajaran untuk Node pada Azure

Untuk pembelajaran lebih mendalam pada nod, kursus saya boleh didapati di sini di Microsoft Virtual Academy. JS

  • Berjalan melalui Node (Coding4Fun)

  • Artikel ini adalah sebahagian daripada siri teknologi web dev dari Microsoft. Kami teruja untuk berkongsi Projek Spartan dan enjin renderingnya yang baru dengan anda. Dapatkan mesin maya percuma atau uji jauh dari Mac, iOS, Android, atau peranti Windows anda secara moden. IE.

    March 1, 2018