Bagaimana Membangun Laman Web pada Raspberry Pi, Dengan Node.js, Express, dan MongoDB Bahagian 1: 6 Langkah

2024 Pengarang: John Day | [email protected]. Diubah suai terakhir: 2024-01-30 11:10

Selamat datang ke BAHAGIAN 1 tutorial aplikasi web node.js saya. Bahagian 1 akan melalui perisian yang diperlukan yang digunakan untuk pengembangan aplikasi node.js, cara menggunakan penerusan port, cara membuat aplikasi menggunakan Express, dan cara menjalankan aplikasi anda. Bahagian kedua dari tutorial ini akan membahas semua kod dan struktur aplikasi web penuh saya. Sekiranya anda bersedia untuk itu, lawati di sini.

Oleh itu, semasa membina halaman pelancaran peribadi saya, saya merasa sangat sukar untuk keluar dari rumpai. Terdapat lebih banyak lagi di internet daripada saya akan memahami tentang membina laman web.

Ini adalah panduan bagaimana menggunakan Node.js, Express, dan Mongodb. untuk membuat laman web.

Kod untuk semua ini ada di sini.

Halaman web saya dipanggil Internet. Sila kunjungi jika anda mahukan paparan yang lebih interaktif di laman web peribadi.

Saya memulakan halaman ini untuk mempunyai kehadiran peribadi di internet dengan projek yang telah saya buat, dengan pautan ke projek arahan saya untuk maklumat lebih lanjut.

Laman web ini dihoskan di rumah saya dengan pi zero W.

Langkah 1: Perkara yang Anda Perlu

1. Masa. Saya tidak boleh menekankan bahawa untuk membangunkan laman web, dan benar-benar memahami cara kerja dalaman, adalah proses yang lama. Saya mempunyai ijazah dalam bidang kejuruteraan elektrik dengan fokus dalam elektronik mikro, dan minat untuk pengekodan, dan ini masih memerlukan masa berbulan-bulan untuk saya capai.

Tutorial ini akan menjadi asas yang baik, tetapi sila baca lebih banyak dokumentasi dalam talian untuk memahami setiap bahagian.

2. Raspberry pi - mana-mana model akan dilakukan. Juga linux komputer yang menjalankan. Sebenarnya, mana-mana komputer akan dilakukan, saya hanya akan menerangkan lebih terperinci mengenai cara menjalankannya pada pi.

3. Sambungan internet - jika anda merancang untuk menganjurkan ini ke seluruh dunia. Penghala atau suis rangkaian diperlukan untuk mengkonfigurasi penerusan port.

4. Perisian - Sebarang platform pengekodan akan berfungsi, Sublime, Webstorm, Notepadd ++, Visual Studios, atau apa sahaja. Saya menggunakan Webstorm atau Sublime.

Langkah 2: Pemajuan Port pada Raspberry Pi Anda

Oleh itu, saya akan menganggap bahawa anda sudah menyediakan pi raspberry anda. Sekiranya tidak, lihat tutorial mudah ini di sini.

Pi saya menjalankan Jessie lite, dan semuanya terminal. Kebaikannya adalah bahawa saya tidak mempunyai banyak proses yang berjalan di latar belakang yang mungkin menjadikan pelayan saya berjalan lebih perlahan dengan trafik yang tinggi. Mari saya nyatakan sekarang bahawa tutorial ini adalah untuk laman web dengan lalu lintas rendah. Mana-mana laman web dengan lalu lintas yang tinggi akan menjadi perlahan dan mungkin membuat pelayan anda mengalami kerosakan.

Penghantaran pelabuhan

Dengan pemasangan pi anda, anda perlu mengaktifkan pemajuan port pada penghala atau suis anda. Untuk melakukan ini, cari tetapan pemajuan port di penghala anda. Setiap penghala berbeza, saya menunjukkan GUI Linksys Velop saya di sini.

Laman web saya dikonfigurasikan ke port 3000, ini boleh diubah dalam kod sumber di app.js atau fail www.

Saya juga telah menyediakan port 22 untuk meneruskan sehingga saya dapat memasukkan SSH ke dalam pi saya, ini boleh disediakan dalam tetapan pi. SSH adalah cara untuk menggunakan terminal pada pi anda semasa tidak berada di rangkaian yang sama, dan juga semasa tidak menggunakan output paparan dari pi. Ini membolehkan saya mengemas kini laman web saya dari komputer lain dan mendorong perubahan pada pi saya.

Ikuti gambar untuk mengatur pemajuan port.

Perkhidmatan DNS

Anda memerlukan perkhidmatan yang menghubungkan alamat ip anda ke nama alamat web. Anda akan dapat memasukkan alamat ip global router anda diikuti dengan nombor port untuk mengakses laman web anda. Ini, bagaimanapun, sukar terutama jika ip global anda berubah. Apa yang dilakukan oleh perkhidmatan DNS adalah mengesan dan mengemas kini perubahan ini sehingga nama dan ip web anda dipautkan. Saya memilih untuk menggunakan perkhidmatan percuma melalui no-ip. Anda dialu-alukan untuk membayar apa sahaja yang anda mahukan. Ini hanyalah cara percuma yang saya tahu.

www.noip.com/

Langkah 3: Memasang Perisian yang Diperlukan pada Pi

Sekiranya anda telah memuat turun kod GitHub saya, anda tidak perlu melakukan apa-apa kecuali menjalankan perintah npm start yang mudah untuk menjalankan laman web ini. Namun, kerana ini adalah tutorial mendalam saya akan menerangkan cara memasang semua perisian dan pakej yang diperlukan.

Semasa menggunakan komputer pi, atau linux anda (akan ada perintah yang berbeza untuk menggunakan windows), jalankan perintah berikut.

Saya telah memecahkannya sebagai langkah individu untuk menjadikannya lebih mudah untuk diikuti.

1. Pasang node.js dan npm

Node.js pada dasarnya adalah skrip java yang membuat pelayan. NPM adalah pengurus pakej nod dan mengendalikan semua alat tengah yang diperlukan dengan node.js.

Jalankan arahan berikut pada mesin linux atau mac untuk dipasang.

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash sudo apt-get install -y nodejs

Untuk memuat turun di windows, gunakan exe yang terdapat di sini.

Pautan ini adalah untuk bantuan linux jika tidak pada pi raspberry.

2. Pasang MongoDB

MongoDB hanya itu, pangkalan data. Saya menggunakan ini untuk bahagian log masuk dan trafik halaman web saya.

Jalankan arahan berikut pada mesin linux atau mac untuk dipasang.

sudo apt-key adv --keyserver hkp: //keyserver.ubuntu.com: 80 --recv 0C49F3730359A14518585931BC711F9BA15703C6

echo "deb https://repo.mongodb.org/apt/debian jessie / mongodb-org / 3.4 utama" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.4.list

sudo apt-get kemas kini

sudo apt-get install -y mongodb-org

Untuk memuat turun di windows, gunakan exe yang terdapat di sini.

Pautan ini adalah untuk bantuan linux jika tidak pada pi raspberry.

3. Pasang Grunt

Grunt seperti npm, kerana anda boleh menggunakannya bersama dengan pemalam lain. Saya tidak menggunakannya untuk aplikasi saya, namun sangat membantu ketika mengautomasikan tugas. Langkah ini boleh dilangkau sepenuhnya agar aplikasi anda berfungsi.

Untuk windows, mac, atau linux gunakan arahan berikut.

npm pasang -g grunt-cli

4. Pasang Express

Express adalah kaedah mudah untuk menggunakan kerangka node js. Kami akan memasang penjana ekspres. Ini mewujudkan kerangka aplikasi web yang mudah digunakan.

Untuk windows, mac, atau linux gunakan arahan berikut.

npm pasang penjana ekspres -g

Langkah 4: Buat Aplikasi Express Node.js

Navigasikan ke lokasi folder yang anda rencanakan untuk memasukkan aplikasi anda. Sebaik sahaja di sini semua pemasangan akan datang berada di dalam folder ini.

Jalankan arahan berikut pada mesin linux atau mac untuk menukar direktori.

sudo cd / rumah / pi / myapp

Untuk Windows:

cd C: / Users / pi / Desktop / myapp

Gunakan penjana ekspres untuk membuat rangka kerja simpul js yang diperlukan.

nyatakan namaofmyapp

Ini akan membuat projek node.js ekspres kosong, anda boleh mengedit ciri-cirinya semasa langkah ini dengan mencari perintah yang berbeza seperti yang dilihat di bawah menggunakan perintah -h. Atau anda boleh mengedit templat yang dihasilkan secara manual, seperti yang saya ada. Saya akan membincangkannya dengan lebih terperinci di bahagian 2. Anda dapat menambahkan pemboleh ubah lain ke kod ini untuk mengubah tetapan dalam aplikasi anda seperti menggunakan html, setang, jade, dan lain-lain. Untuk ini jalankan arahan:

menyatakan -h

Teruskan menyediakan aplikasi web node.js anda dengan menjalankan perintah berikut:

cd nameofmyapp

pasang npm

Ini memasang semua pakej yang diperlukan yang perlu dijalankan oleh aplikasi web node.js anda dan banyak lagi yang boleh digunakan.

Dalam contoh ini, jalan fail untuk aplikasi adalah:

/ rumah / pi / myapp / nameofmyapp

Ini kerana penjana ekspres membuat fail berdasarkan rentetan yang anda letakkan selepasnya. Sekiranya anda sudah berada di direktori yang diinginkan, gunakan express.

Langkah 5: Jalankan Aplikasi Web Anda

Untuk menjalankan aplikasi web node.js anda, jalankan arahan:

npm bermula

Untuk menjadikannya lebih cekap semasa pengekodan sehingga aplikasi kami dikemas kini secara automatik setelah kami melakukan perubahan, kami akan memasang nodemon.

npm pasang -g nodemon

Di sinilah kebanyakan tutorial memberitahu anda untuk bersenang-senang membangun dan membiarkan anda memikirkan kerja keras. Pada langkah seterusnya saya akan memandu anda bagaimana saya membina aplikasi saya.

Langkah 6: Kredit

Bukan satu langkah tetapi saya ingin menyenaraikan sumber dan inspirasi saya untuk tutorial ini.

Github ReadMe ini ditulis oleh seorang rakan baik semasa mengerjakan projek reka bentuk senior kami dan ia telah memberi banyak inspirasi mengenai cara membuat laman web saya.

github.com/SDP-DT04/Web-Application/blob/m…

Tutorial ini adalah alat yang berguna dalam proses pembuatan aplikasi web.

kroltech.com/2013/12/29/boilerplate-web-app…

Untuk maklumat lebih lanjut di laman web node.js, kunjungi Bahagian 2 saya.