نحوه ایجاد وب سایت بر روی Raspberry Pi ، با Node.js ، Express و MongoDB قسمت 1: 6 مرحله

2024 نویسنده: John Day | [email protected]. آخرین اصلاح شده: 2024-01-30 08:56

به قسمت 1 آموزش برنامه وب node.js من خوش آمدید. قسمت 1 از طریق نرم افزارهای لازم برای توسعه برنامه node.js ، نحوه استفاده از حمل و نقل پورت ، نحوه ساختن برنامه با استفاده از Express و نحوه اجرای برنامه خود صحبت می کند. بخش دوم این آموزش شامل تمام کد و ساختار برنامه وب کامل من است. اگر برای آن آماده هستید از اینجا دیدن کنید.

بنابراین ، هنگام ایجاد صفحه راه اندازی شخصی خود ، بیرون آمدن از علف های هرز بسیار دشوار بود. در اینترنت بیش از آنچه که من در مورد ایجاد یک صفحه وب می فهمم وجود دارد.

این مقاله نحوه استفاده از Node.js ، Express و Mongodb است. برای ایجاد یک صفحه وب

کد همه اینها اینجاست.

صفحه وب من اینترنت نام دارد. لطفاً در صورت تمایل به تعامل بیشتر در وب سایت شخصی ، از آن بازدید کنید.

این صفحه را برای حضور شخصی در اینترنت با پروژه هایی که انجام داده ام ، با پیوندهایی به پروژه های قابل آموزش من برای جزئیات بیشتر ، شروع کردم.

این سایت در خانه من در پی صفر وات میزبانی می شود.

مرحله 1: موارد مورد نیاز

1. زمان. من نمی توانم تأکید کنم که توسعه یک سایت و درک واقعی عملکردهای داخلی یک فرآیند طولانی است. من دارای مدرک مهندسی برق با تمرکز بر الکترونیک میکرو و عشق به برنامه نویسی هستم ، و این هنوز ماه ها طول کشید تا انجام دهم.

این آموزش یک سازه خوب خواهد بود ، اما لطفاً برای درک هر قسمت مستندات بیشتری را به صورت آنلاین بخوانید.

2. Raspberry pi - هر مدلی انجام می دهد. همچنین هر کامپیوتری که لینوکس را اجرا می کند این کار را انجام می دهد. در واقع ، هر کامپیوتری این کار را انجام می دهد ، من فقط به جزئیات بیشتری در مورد نحوه اجرای آن بر روی pi می پردازم.

3. اتصال به اینترنت - اگر قصد دارید این میزبانی را در جهان انجام دهید. برای پیکربندی انتقال پورت به یک روتر یا سوئیچ شبکه نیاز است.

4. نرم افزار - هر پلتفرم برنامه نویسی کار می کند ، Sublime ، Webstorm ،+Notepadd ++ ، Visual Studios یا هر چیز دیگر. من عمدتا از Webstorm یا Sublime استفاده کردم.

مرحله 2: حمل و نقل پورت بر روی Raspberry Pi شما

بنابراین ، من فرض می کنم که شما قبلاً تمشک پای خود را تنظیم کرده اید. اگر نه ، این آموزش آسان را در اینجا ببینید.

pi من Jessie lite را اجرا می کند و همه ترمینال است. مزیت این امر این است که من فرآیندهای زیادی در پس زمینه ندارم که باعث شود سرعت سرور من با ترافیک بالا کندتر شود. اجازه دهید اکنون بیان کنم که این آموزش برای سایتهای کم بازدید است. هر سایتی با ترافیک بالا در سرعت پای کند و ممکن است سرور شما را خراب کند.

پورت حمل و نقل

با تنظیم pi خود ، باید حمل و نقل پورت را در روتر یا سوئیچ خود فعال کنید. برای این کار تنظیمات انتقال پورت را در روتر خود پیدا کنید. هر روتر متفاوت است ، من اینجا رابط کاربری Linksys Velop خود را نشان می دهم.

سایت من به پورت 3000 پیکربندی شده است ، این را می توان در کد منبع در فایل app.js یا www تغییر داد.

من همچنین پورت 22 را برای ارسال راه اندازی کرده ام تا بتوانم SSH را در pi خود نصب کنم ، این را می توان در تنظیمات pi تنظیم کرد. SSH روشی است برای استفاده از ترمینال در pi خود در حالی که در یک شبکه نیستید و همچنین در حالی که از خروجی صفحه نمایش pi استفاده نمی کنید. این به من امکان می دهد وب سایت خود را از رایانه ای دیگر به روز کنم و تغییرات را در pi خود فشار دهم.

برای تنظیم انتقال پورت ، تصاویر را دنبال کنید.

سرویس DNS

شما به سرویسی نیاز دارید که آدرس IP شما را به نام آدرس وب پیوند دهد. برای دسترسی به سایت خود می توانید آدرس IP جهانی روترهای خود و سپس شماره پورت را تایپ کنید. با این حال ، این امر به ویژه اگر IP جهانی شما تغییر کند دشوار است. کاری که یک سرویس DNS انجام می دهد این است که این تغییرات را ردیابی و به روز کند تا نام وب و IP شما پیوند داده شود. من استفاده از یک سرویس رایگان را از طریق no-ip انتخاب می کنم. خوش آمدید که هزینه هر چیزی را که می خواهید بپردازید. این فقط یک راه رایگان است که من می شناسم.

www.noip.com/

مرحله 3: نصب نرم افزار مورد نیاز بر روی Pi

اگر کد GitHub من را بارگیری کرده اید ، دیگر نیازی به انجام هیچ کاری ندارید ، مگر اینکه یک دستور شروع ساده npm را برای راه اندازی سایت اجرا کنید. با این حال ، از آنجا که این یک آموزش عمیق است ، من نحوه نصب تمام نرم افزارها و بسته های مورد نیاز را توضیح خواهم داد.

در حالی که در کامپیوتر pi یا لینوکس خود هستید (دستورات متفاوتی برای استفاده از ویندوز وجود دارد) ، دستورات زیر را اجرا کنید.

من این مراحل را به صورت جداگانه تقسیم کرده ام تا راحت تر بتوانم آنها را دنبال کنم.

1. node.js و npm را نصب کنید

Node.js در اصل اسکریپت جاوا است که سرور را ایجاد می کند. NPM مدیر بسته های گره است و تمام وسایل مورد نیاز را با node.js.

دستورات زیر را برای نصب روی دستگاه لینوکس یا مک اجرا کنید.

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

برای بارگیری در ویندوز ، فقط از exe موجود در اینجا استفاده کنید.

این پیوند برای راهنمای لینوکس است ، اگر در تمشک pi نیست.

2. MongoDB را نصب کنید

MongoDB دقیقاً همان پایگاه داده است. من از این قسمت برای ورود به سیستم و شمارنده ترافیک صفحه وب خود استفاده می کنم.

دستورات زیر را برای نصب روی دستگاه لینوکس یا مک اجرا کنید.

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

برای بارگیری در ویندوز ، فقط از exe موجود در اینجا استفاده کنید.

این پیوند برای راهنمای لینوکس است ، اگر در تمشک pi نیست.

3. Grunt را نصب کنید

Grunt مانند npm است ، زیرا می توانید از آن در کنار سایر افزونه ها استفاده کنید. من از آن برای برنامه خود استفاده نمی کنم ، اما هنگام اتوماسیون وظایف بسیار مفید است. این مرحله را می توان به طور کامل رد کرد تا برنامه شما کار کند.

برای ویندوز ، مک یا لینوکس از دستور زیر استفاده کنید.

npm install -g grunt -cli

4. Express را نصب کنید

Express راهی آسان برای استفاده از فریم ورک node js است. ما قصد داریم ژنراتور اکسپرس را نصب کنیم. این چارچوب آسان برای استفاده از یک برنامه وب را ایجاد می کند.

برای ویندوز ، مک یا لینوکس از دستور زیر استفاده کنید.

npm express -generator -g را نصب کنید

مرحله 4: یک برنامه Express Node.js ایجاد کنید

به محل پوشه ای که قصد دارید برنامه خود را در آن قرار دهید بروید. پس از اینجا ، همه نصب های آینده در داخل این پوشه قرار خواهند گرفت.

دستورات زیر را روی دستگاه لینوکس یا مک اجرا کنید تا فهرست مورد نظر تغییر کند.

sudo cd/home/pi/myapp

برای ویندوز:

cd C: / Users / pi / Desktop / myapp

برای ایجاد چارچوب گره js مورد نیاز از ژنراتور اکسپرس استفاده کنید.

express nameofmyapp

با این کار یک پروژه express node.js ایجاد می شود ، شما می توانید ویژگی های آن را در این مرحله با پیدا کردن دستورات مختلف مطابق شکل زیر با دستور -h ویرایش کنید. یا می توانید الگوی ایجاد شده را به صورت دستی ویرایش کنید ، مانند من. من در بخش 2 به تفصیل بیشتر در این مورد صحبت خواهم کرد. شما می توانید متغیرهای دیگری را به این کد اضافه کنید تا تنظیمات برنامه شما مانند استفاده از html ، فرمان ، یشم و سایر موارد را تغییر دهد. برای این کار دستور زیر را اجرا کنید:

بیان -h

با اجرای دستورات زیر به راه اندازی برنامه وب node.js خود ادامه دهید:

cd nameofmyapp

npm نصب کنید

با این کار همه بسته های مورد نیاز که برنامه وب node.js شما برای اجرا نیاز دارد و بیشتر برای استفاده در دسترس هستند ، نصب می شود.

در این مثال ، مسیر فایل برنامه به شرح زیر است:

/home/pi/myapp/nameofmyapp

این به این دلیل است که ژنراتور اکسپرس یک فایل را بر اساس رشته ای که بعد از آن قرار می دهید ایجاد می کند. اگر در حال حاضر در فهرست مورد نظر هستید ، فقط از express استفاده کنید.

مرحله 5: برنامه وب خود را اجرا کنید

برای اجرای برنامه وب node.js ، دستور زیر را اجرا کنید:

شروع npm

برای کارایی بیشتر در هنگام برنامه نویسی تا برنامه ما به طور خودکار پس از اعمال تغییرات به روز شود ، ما nodemon را نصب می کنیم.

npm install -g nodemon

در اینجا بیشتر آموزشها به شما می گویند که از ساختن سرگرم کننده لذت ببرید و شما را مجبور می کند تا کارهای سخت را بفهمید. در مراحل بعدی من قصد دارم شما را با نحوه ساخت برنامه خود آشنا کنم.

مرحله ششم: اعتبار

در واقع یک مرحله نیست ، اما من می خواهم منابع و الهام خود را برای این آموزش لیست کنم.

این Github ReadMe توسط یک دوست خوب در هنگام کار بر روی پروژه طراحی ارشد ما نوشته شده است و در مورد نحوه ایجاد سایت من الهام بخش بوده است.

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

این آموزش یک ابزار مفید در روند ساخت یک برنامه وب بود.

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

برای کسب اطلاعات بیشتر در سایت node.js به قسمت 2 من مراجعه کنید.