Cara Membuat Website di Raspberry Pi, Dengan Node.js, Express, dan MongoDBBagian 1: 6 Langkah

2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:56

Selamat datang di BAGIAN 1 dari tutorial aplikasi web node.js saya. Bagian 1 akan membahas perangkat lunak yang diperlukan yang digunakan untuk pengembangan aplikasi node.js, cara menggunakan penerusan porta, cara membangun aplikasi menggunakan Express, dan cara menjalankan aplikasi Anda. Bagian kedua dari tutorial ini akan membahas semua kode dan struktur aplikasi web lengkap saya. Jika Anda siap untuk itu, kunjungi di sini.

Jadi, saat membangun halaman peluncuran pribadi saya, saya merasa sangat sulit untuk keluar dari gulma. Ada lebih banyak hal di internet daripada yang pernah saya pahami tentang membangun halaman web.

Ini adalah panduan tentang cara menggunakan Node.js, Express, dan Mongodb. untuk membuat halaman web.

Kode untuk semua ini ada di sini.

Halaman web saya disebut Internet. Silakan kunjungi jika Anda ingin tampilan situs web pribadi yang lebih interaktif.

Saya memulai halaman ini untuk memiliki kehadiran pribadi di internet dengan proyek yang telah saya lakukan, dengan tautan ke proyek instruksi saya untuk lebih jelasnya.

Situs ini di-host di rumah saya pada pi zero W.

Langkah 1: Hal-hal yang Anda Butuhkan

1 kali. Saya tidak dapat menekankan bahwa untuk mengembangkan situs, dan benar-benar memahami cara kerja bagian dalam, adalah proses yang panjang dan berlarut-larut. Saya memiliki gelar di bidang teknik elektro dengan fokus pada elektronik mikro, dan menyukai pengkodean, dan ini masih membutuhkan waktu berbulan-bulan untuk saya selesaikan.

Tutorial ini akan menjadi landasan yang baik, tetapi harap baca lebih banyak dokumentasi online untuk memahami setiap bagian.

2. Raspberry pi - model apa pun bisa digunakan. Juga setiap komputer yang menjalankan linux akan melakukannya. Sebenarnya, komputer mana pun akan melakukannya, saya hanya membahas lebih detail tentang cara menjalankannya di pi.

3. Koneksi internet - jika Anda berencana untuk meng-host ini ke seluruh dunia. Router atau sakelar jaringan diperlukan untuk mengonfigurasi penerusan port.

4. Perangkat Lunak - Platform pengkodean apa pun akan berfungsi, Sublime, Webstorm, Notepadd++, Visual Studios, atau apa pun. Saya terutama menggunakan Webstorm atau Sublime.

Langkah 2: Penerusan Port pada Raspberry Pi Anda

Jadi, saya akan berasumsi bahwa Anda sudah menyiapkan raspberry pi Anda. Jika tidak, lihat tutorial mudah ini di sini.

Pi saya menjalankan Jessie lite, dan semuanya terminal. Manfaatnya adalah saya tidak memiliki banyak proses yang berjalan di latar belakang yang mungkin membuat server saya berjalan lebih lambat dengan lalu lintas tinggi. Biarkan saya menyatakan sekarang bahwa tutorial ini untuk situs dengan lalu lintas rendah. Situs apa pun dengan lalu lintas tinggi akan lambat pada pi dan mungkin membuat server Anda mogok.

Penerusan port

Dengan pengaturan pi Anda, Anda harus mengaktifkan penerusan porta pada router atau sakelar Anda. Untuk melakukan ini, temukan pengaturan penerusan port di router Anda. Setiap router berbeda, saya menunjukkan GUI Linksys Velop saya di sini.

Situs saya dikonfigurasikan ke port 3000, ini dapat diubah dalam kode sumber di file app.js atau www.

Saya juga memiliki port 22 yang diatur untuk penerusan sehingga saya dapat SSH ke pi saya, ini dapat diatur dalam pengaturan pi. SSH adalah cara untuk menggunakan terminal pada pi Anda saat tidak berada di jaringan yang sama, dan juga saat tidak menggunakan output tampilan dari pi. Ini memungkinkan saya untuk memperbarui situs web saya dari komputer yang berbeda dan mendorong perubahan ke pi saya.

Ikuti gambar untuk mengatur penerusan port.

Layanan DNS

Anda akan memerlukan layanan yang menghubungkan alamat ip Anda ke nama alamat web. Anda akan dapat mengetikkan alamat ip global router Anda diikuti dengan nomor port untuk mengakses situs Anda. Namun, ini sulit terutama jika ip global Anda berubah. Apa yang dilakukan layanan DNS adalah melacak dan memperbarui perubahan ini sehingga nama web dan ip Anda terhubung. Saya memilih untuk menggunakan layanan gratis melalui no-ip. Anda dipersilakan untuk membayar apa pun yang Anda inginkan. Ini hanya cara gratis yang saya tahu.

www.noip.com/

Langkah 3: Menginstal Perangkat Lunak yang Dibutuhkan di Pi

Jika Anda telah mengunduh kode GitHub saya, Anda tidak perlu melakukan apa pun kecuali menjalankan perintah npm start sederhana untuk menjalankan situs. Namun, karena ini adalah tutorial mendalam, saya akan menjelaskan cara menginstal semua perangkat lunak dan paket yang diperlukan.

Saat berada di pi, atau komputer linux Anda (akan ada perintah berbeda untuk menggunakan windows), jalankan perintah berikut.

Saya telah memecah ini sebagai langkah-langkah individual untuk membuatnya lebih mudah diikuti.

1. Instal node.js dan npm

Node.js pada dasarnya adalah skrip java yang membuat server. NPM adalah manajer paket node dan menangani semua perangkat tengah yang diperlukan dengan node.js.

Jalankan perintah berikut di mesin linux atau mac untuk menginstal.

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

Untuk mengunduh di windows, cukup gunakan exe yang ada di sini.

Tautan ini untuk bantuan linux jika tidak menggunakan raspberry pi.

2. Instal MongoDB

MongoDB hanya itu, basis data. Saya menggunakan ini untuk bagian login dan penghitung lalu lintas halaman web saya.

Jalankan perintah berikut di mesin linux atau mac untuk menginstal.

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 main" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.4.list

sudo apt-get update

sudo apt-get install -y mongodb-org

Untuk mengunduh di windows, cukup gunakan exe yang ada di sini.

Tautan ini untuk bantuan linux jika tidak pada raspberry pi.

3. Instal Grunt

Grunt seperti npm, karena Anda dapat menggunakannya bersama dengan plugin lain. Saya tidak menggunakannya untuk aplikasi saya, namun sangat membantu saat mengotomatisasi tugas. Langkah ini dapat dilewati sepenuhnya agar aplikasi Anda berfungsi.

Untuk windows, mac, atau linux gunakan perintah berikut.

npm install -g grunt-cli

4. Instal Ekspres

Express adalah cara mudah untuk menggunakan framework node js. Kami akan memasang generator ekspres. Ini menciptakan kerangka kerja aplikasi web yang mudah digunakan.

Untuk windows, mac, atau linux gunakan perintah berikut.

npm install generator ekspres -g

Langkah 4: Buat Aplikasi Express Node.js

Arahkan ke lokasi folder yang Anda rencanakan untuk menyimpan aplikasi Anda. Setelah di sini, semua pemasangan di masa mendatang akan berada di dalam folder ini.

Jalankan perintah berikut di mesin linux atau mac untuk mengubah direktori.

sudo cd /home/pi/myapp

Untuk Windows:

cd C:\Users\pi\Desktop\myapp

Gunakan generator ekspres untuk membuat kerangka kerja node js yang diperlukan.

express nameofmyapp

Ini akan membuat proyek node.js ekspres kosong, Anda dapat mengedit fitur-fiturnya selama langkah ini dengan menemukan perintah yang berbeda seperti yang terlihat di bawah ini menggunakan perintah -h. Atau Anda dapat mengedit template yang dihasilkan secara manual, seperti yang saya miliki. Saya akan membahas ini secara lebih rinci di bagian 2. Anda dapat menambahkan variabel lain ke kode ini untuk mengubah pengaturan di aplikasi Anda seperti menggunakan html, setang, jade, dan lain-lain. Untuk ini jalankan perintah:

ekspres -h

Lanjutkan menyiapkan aplikasi web node.js Anda dengan menjalankan perintah berikut:

cd nama aplikasi saya

instal npm

Ini menginstal semua paket yang diperlukan yang perlu dijalankan oleh aplikasi web node.js Anda dan lebih banyak lagi yang tersedia untuk digunakan.

Dalam contoh ini, jalur file untuk aplikasi adalah:

/home/pi/myapp/nameofmyapp

Ini karena generator ekspres membuat file berdasarkan string yang Anda tempatkan setelahnya. Jika Anda sudah berada di direktori yang diinginkan, gunakan saja express.

Langkah 5: Jalankan Aplikasi Web Anda

Untuk menjalankan aplikasi web node.js Anda, jalankan perintah:

npm mulai

Agar lebih efisien saat coding sehingga aplikasi kita update secara otomatis setelah kita melakukan perubahan, kita akan menginstall nodemon.

npm install -g nodemon

Di sinilah sebagian besar tutorial akan memberitahu Anda untuk bersenang-senang membangun dan meninggalkan Anda untuk mengetahui kerja keras kaki. Pada langkah selanjutnya saya akan memandu Anda tentang bagaimana saya membangun aplikasi saya.

Langkah 6: Kredit

Sebenarnya bukan langkah tapi saya ingin mencantumkan sumber dan inspirasi saya untuk tutorial ini.

ReadMe Github ini ditulis oleh seorang teman baik saat mengerjakan proyek desain senior kami dan telah memberikan banyak inspirasi tentang cara membuat situs saya.

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

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

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

Untuk informasi lebih lanjut tentang situs node.js, kunjungi Bagian 2 saya.