כיצד לבנות אתר ב- Raspberry Pi, עם Node.js, Express ו- MongoDB חלק 1: 6 שלבים

2024 מְחַבֵּר: John Day | [email protected]. שונה לאחרונה: 2024-01-30 09:16

ברוכים הבאים לחלק 1 של מדריך יישום האינטרנט שלי node.js. חלק 1 יעבור על התוכנות הדרושות המשמשות לפיתוח אפליקציות node.js, כיצד להשתמש בהעברת יציאות, כיצד לבנות אפליקציה באמצעות Express וכיצד להפעיל את האפליקציה שלך. החלק השני של הדרכה זו יעבור על כל הקוד והמבנה של יישום האינטרנט המלא שלי. אם אתה מוכן לזה בקר בו כאן.

לכן, בעת בניית דף ההשקה האישי שלי התקשיתי מאוד לצאת מהעשבים. יש באינטרנט יותר ממה שאפילו אי פעם אבין לגבי בניית דף אינטרנט.

זהו הסבר על אופן השימוש ב- Node.js, Express ו- Mongodb. ליצירת דף אינטרנט.

הקוד לכל זה נמצא כאן.

לדף האינטרנט שלי קוראים אינטרנט. אנא בקר אם אתה רוצה מבט אינטראקטיבי יותר באתר אישי.

פתחתי את הדף הזה כדי להיות בעל נוכחות אישית באינטרנט עם פרויקטים שעשיתי, עם קישורים לפרויקטים שלי להוראה לפרטים נוספים.

אתר זה מתארח בביתי ב- pi zero W.

שלב 1: דברים שאתה צריך

זמן 1. אינני יכול להדגיש כי פיתוח אתר, והבנת האמת בפעולה הפנימית, הוא תהליך ממושך. יש לי תואר בהנדסת חשמל עם התמקדות במיקרו אלקטרוניקה, ואהבה לקידוד, וזה עדיין לקח לי חודשים להשיג זאת.

הדרכה זו תהיה אבן בניין טובה, אך אנא קרא עוד תיעוד מקוון כדי להבין כל חלק.

2. פטל פטל - כל דגם יעשה. גם כל מחשב שמריץ לינוקס יעשה. למעשה, כל מחשב יסתדר, אני רק אפרט יותר כיצד להריץ אותו על פי.

3. חיבור לאינטרנט - אם אתה מתכנן לארח את זה לעולם. יש צורך בנתב או במתג רשת כדי להגדיר העברת יציאות.

4. תוכנה - כל פלטפורמת קידוד תעבוד, Sublime, Webstorm, Notepadd ++, Visual Studios, או כל דבר אחר. השתמשתי בעיקר ב- Webstorm או ב- Sublime.

שלב 2: העברת יציאות על ה- Raspberry Pi שלך

אז אני הולך להניח שכבר יש לך את פאי הפטל שלך. אם לא, עיין במדריך הקל הזה כאן.

ה- pi שלי מפעיל את Jessie lite וכולו מסוף. היתרון בכך הוא שאין לי הרבה תהליכים הפועלים ברקע שעלולים לגרום לשרת שלי לפעול לאט יותר עם תעבורה גבוהה. הרשה לי לציין כעת כי הדרכה זו מיועדת לאתרי תנועה דלים. כל אתר עם תעבורה גבוהה יהיה איטי ב- pi ועלול לגרום לשרת שלך לקרוס.

העברת נמל

עם הגדרת ה- pi, יהיה עליך לאפשר העברת יציאות בנתב או במתג. לשם כך מצא את הגדרות העברת היציאות בנתב שלך. כל נתב שונה, אני מציג כאן את ממשק המשתמש שלי Linksys Velop.

האתר שלי מוגדר ליציאה 3000, ניתן לשנות זאת בקוד המקור בקובץ app.js או www.

יש לי גם יציאה 22 המיועדת להעברה כדי שאוכל להיכנס ל- pi שלי, ניתן להגדיר זאת בהגדרות ה- pi. SSH היא דרך להשתמש במסוף ב- pi שלך בזמן שהיא לא נמצאת באותה רשת, וגם כשאינך משתמש בפלט התצוגה מה- pi. זה מאפשר לי לעדכן את האתר שלי ממחשב אחר ולדחוף את השינויים ל- pi שלי.

עקוב אחר התמונות כדי להגדיר העברת יציאות.

שירות DNS

תזדקק לשירות המקשר את כתובת ה- IP שלך לשם כתובת אינטרנט. תוכל להקליד את כתובת ה- IP הגלובלית של הנתבים ולאחר מכן את מספר היציאה כדי לגשת לאתר שלך. עם זאת, זה קשה במיוחד אם ה- IP הגלובלי שלך משתנה. מה ששירות DNS עושה הוא לעקוב ולעדכן את השינויים האלה כך שקשרת האינטרנט שלך ו- ip מקושרים. אני בוחר להשתמש בשירות חינם באמצעות no-ip. אתה מוזמן לשלם עבור כל מה שאתה רוצה. זו רק דרך חופשית שאני מכיר.

www.noip.com/

שלב 3: התקנת תוכנות נחוצות ב- Pi

אם הורדת את קוד GitHub שלי, לא תצטרך לעשות דבר מלבד הפעלת פקודת התחלה פשוטה של npm כדי להפעיל את האתר. עם זאת, מכיוון שמדובר בהדרכה מעמיקה אסביר כיצד להתקין את כל התוכנות והחבילות הדרושות.

כאשר אתה נמצא במחשב ה- pi או Linux שלך (יהיו פקודות שונות לשימוש בחלונות), הפעל את הפקודות הבאות.

פירקתי אותם כשלבים בודדים כדי להקל על המעקב.

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 שנמצא כאן.

קישור זה מיועד לעזרה של לינוקס אם לא על פטל פטל.

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

sudo apt-get install -y mongodb-org

כדי להוריד על חלונות, פשוט השתמש ב- exe שנמצא כאן.

קישור זה מיועד לעזרה של לינוקס אם לא על פטל פטל.

3. התקן את Grunt

Grunt הוא כמו npm, כפי שאתה יכול להשתמש בו יחד עם תוספים אחרים. אינני משתמש בו עבור האפליקציה שלי, אולם הוא מועיל מאוד בעת ביצוע משימות אוטומטיות. ניתן לדלג על שלב זה לחלוטין כדי שהאפליקציה שלך תפעל.

עבור Windows, Mac או Linux השתמש בפקודה הבאה.

npm להתקין -g grunt -cli

4. התקן את Express

Express היא דרך קלה להשתמש בצומת js framework. אנו הולכים להתקין גנרטור אקספרס. זה יוצר את המסגרת הקלה לשימוש של יישום אינטרנט.

עבור Windows, Mac או Linux השתמש בפקודה הבאה.

npm להתקין מחולל אקספרס -g

שלב 4: צור יישום Express Node.js

נווט אל מיקום התיקיה שבו אתה מתכוון להכיל את האפליקציה שלך. ברגע שכאן כל ההתקנות העתידיות יהיו בתוך התיקיה הזו.

הפעל את הפקודות הבאות במכשיר לינוקס או מק כדי לשנות ספרייה.

sudo cd/home/pi/myapp

עבור Windows:

cd C: / Users / pi / Desktop / myapp

השתמש בגנרטור האקספרס כדי ליצור את מסגרת ה- js של הצומת הדרושה.

להביע את השם של myapp

פעולה זו תיצור פרויקט node.js express express, תוכל לערוך את התכונות שלו במהלך שלב זה על ידי מציאת פקודות שונות כפי שניתן לראות להלן באמצעות הפקודה -h. או שאתה יכול לערוך ידנית את התבנית שנוצרה, כמו שיש לי. אדון בכך ביתר פירוט בחלק 2. תוכל להוסיף משתנים אחרים לקוד זה כדי לשנות הגדרות ביישום שלך כגון שימוש ב- html, כידון, ירקן ועוד. לשם כך הפעל את הפקודה:

express -h

המשך בהגדרת יישום האינטרנט node.js שלך על ידי הפעלת הפקודות הבאות:

שם CD של myapp

התקנת npm

זה מתקין את כל החבילות הדרושות שיישום האינטרנט שלך node.js יצטרך להריץ ועוד זמינות לשימוש.

בדוגמה זו נתיב הקובץ של היישום יהיה:

/home/pi/myapp/nameofmyapp

הסיבה לכך היא שמחולל האקספרס יוצר קובץ המבוסס על המחרוזת שאתה מציב אחריו. אם אתה כבר בספרייה הרצויה, פשוט השתמש באקספרס.

שלב 5: הפעל את יישום האינטרנט שלך

כדי להפעיל את יישום האינטרנט node.js שלך, הפעל את הפקודה:

npm התחלה

כדי להפוך אותו ליעיל יותר תוך קידוד כך שהיישום שלנו יתעדכן אוטומטית לאחר שנבצע שינויים, נתקין nodemon.

npm install -g nodemon

כאן מרבית ההדרכות היו אומרות לך ליהנות מהבנייה ולהשאיר אותך להבין את עבודת הרגליים הקשות. בשלבים הבאים אני הולך ללוות אותך בכל אופן איך בניתי את היישום שלי.

שלב 6: אשראי

לא ממש שלב, אבל אני רוצה לרשום את המקורות וההשראה שלי למדריך זה.

Github ReadMe זה נכתב על ידי חבר טוב בזמן שעבד על פרויקט העיצוב הבכיר שלנו והוא שימש השראה רבה לאופן יצירת האתר שלי.

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

הדרכה זו הייתה כלי מועיל בתהליך יישום יישום אינטרנט.

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

למידע נוסף על אתר node.js בקר בחלק השני שלי.