הייַנט איך וועט פירן איר דורך די זייער באַסיקס פון Node.js און NPM, אַרייַנגערעכנט דערקלערונגען וועגן ווי צו אַנטוויקלען פֿאַר די וועב אין אַלגעמיין. נאָר אַ באַמערקונג פריער: אויב איר זענט באַקאַנט מיט יקערדיק וועב אַנטוויקלונג און NPM, איר קענען האָפּקען דעם אַרטיקל און לערנען מער וועגן די זייער נוציק NPX דאָ.
גוט, גרויס! לאמיר אנהייבן!
Node.js
אויב איר לייענען דעם, איר מיסטאָמע שוין דאַונלאָודיד Node.js + NPM און סטאַרטעד מיט טיפּ דיין פינגער אין די וואסערן פון דזשאַוואַסקריפּט. דער ערשטער סטעפּס קען שוין ויסקומען סקערי: "איך נאָר ווילן צו שרייַבן אַ ביסל פּראָגראַם אין דזשאַוואַסקריפּט, וואָס טאָן איך דאַרפֿן אַלע די אנדערע שטאָפּן?". דאָס איז פאַרשטיייק, אָבער טאַקע נישט אַ גרויס האַנדלען.
זאל ס אָנהייבן אין די אָנהייב: איר קענען פשוט מאַכן אַ דזשאַוואַסקריפּט-טעקע אומעטום אויף דיין קאָמפּיוטער, אנגעוויזן דורך די '.js'-סאַפיקס. דער טעקע קענען זיין אָנגעפילט מיט קאָד קיין וועג איר ווילן, אָבער עס איז איין זאַך פעלנדיק: ווי טאָן איר אַקשלי לויפן דיין פּראָגראַם? דאָס איז ווו Node.js קומט אין שפּיל.
Node.js איז אַ רונטימע סוויווע, בפירוש פֿאַר דזשאַוואַסקריפּט. ווי די באַשרייַבונג ימפּלייז, Node קענען לויפן דיין דזשאַוואַסקריפּט קאָד אין אַ ספּעציפיש סוויווע וואָס Node זיך גיט. דער פּראָצעס איז שטענדיק דער זעלביקער: איר ערשטער אָנהייב Node.js, און ווען נאָדע איז ספּון אַרויף (וואָס מיטל עס איז פאַרטיק סטאַרטינג), איר קענען צושטעלן דיין דזשאַוואַסקריפּט קאָד.
עס זענען צוויי וועגן דיין דזשאַוואַסקריפּט קענען זיין צוגעשטעלט צו נאָדע ווי אַרייַנשרייַב:
- גלייך צו די פליסנדיק נאָדע-פּראָצעס, שורה דורך שורה, קיין טעקעס אַרייַנגערעכנט
- דורך טעלינג נאָדע וואָס דזשאַוואַסקריפּט-טעקע צו לאָדן, אָן קיין שורה-דורך-שורה אַרייַנשרייַב
node
שורה דורך שורה
נאָך איר האָבן הצלחה אינסטאַלירן Node.js (וואָס איז נאָר דאַונלאָודינג + פליסנדיק די ינסטאַללער, דיסקריפּשאַנז זענען אויף די וועבזייטל פון Node), איר קענען אָנהייב-אַרויף Node.js פֿון אומעטום אין דיין טערמינאַל (macOS/Linux) אָדער PowerShell (Windows) . דער באַפֿעל קוקט אַזוי.
יאָ, דאָס איז אַלע! איר האָט פּונקט הצלחה לאָנטשט Node! האָט איר באמערקט ווי שנעל דאָס איז געשען? איינער פון די סיבות Node.js איז אַזוי פאָלקס איז פּונקט ווייַל פון זיין בלייזינגלי שנעל באָאָטאַפּ (צווישן אנדערע זאכן).
איצט אַז נאָדע איז אַרויף און פליסנדיק, מיר קענען דעפינירן אונדזער דזשאַוואַסקריפּט-אַפּ שורה דורך שורה. יעדער אַרייַנשרייַב איז פּראַסעסט און סטאָרד אין זכּרון. דאָ אַ קליין בייַשפּיל.
(Hit enter after every line end)
const greet = (name) => console.log("Hello, " + name);
greet("Tom"); let x = 10; x = x + 5;
(enter the following line to terminate node)
.exit
איצט אַז ס אַלע פייַן און פראַנט, אָבער שרייבן גרעסערע אַפּפּס ריקווייערז אונדז ערשטער פּלאַן זיי אין טעקעס איידער פידינג צו נאָדע. ווייַטער קאַפּיטל, ביטע!
אַרייַנשרייַב דורך טעקעס
פֿאַר דעם בייַשפּיל איר דאַרפֿן אַ טעקסט רעדאַקטאָר. בייסיקלי איר קענען נוצן יעדער פּראָגראַם וואָס קענען מאַניפּולירן טעקסט (אַזאַ ווי טעקסטעדיט אויף מאַקאָס אָדער עדיטאָר אויף ווינדאָוז). איך רעקאָמענדירן די עפֿענען מקור VS קאָד פון מייקראָסאָפֿט, אָבער איר קענען קלייַבן וואָס איז בעסטער פּאַסיק פֿאַר דיין ערגאַנאַמיקס.
צו צושטעלן אַ טעקע ווי אַרייַנשרייַב, מיר נאָר האָבן צו שאַפֿן איין. נאָר שאַפֿן אַ קלאָר טעקסט טעקע מיט די סאַפיקס 'js' אין זיין נאָמען. מיר וועלן נאָמען אונדזער טעקע app.js. איצט עפענען דיין באַפֿעל פּינטלעך פון ברירה (דער איינער געניצט אין אונדזער ערשטער בייַשפּיל). מאַכן זיכער איר עפֿענען עס פֿון דער וועגווייַזער ווו די טעקע איז געראטעוועט, דאָס איז וויכטיק.
אויב איר נוצן VS קאָד, איר קענען נוצן די געבויט-אין באַפֿעל פּינטלעך, רעכט גיט אין דיין Explorer-מיינונג און רופן "עפֿן אין קאָד" (אויף Windows) אָדער שלעפּן און פאַלן די וועגווייַזער מיט די טעקע די VS קאָד-יקאָן אין דיין דאָק (macOS). דערנאָך איר קענען עפענען זייַן וואָקזאַל ווי דיסקרייבד דאָ.
ווען דער וואָקזאַל איז גרייט, אַרייַן די פאלגענדע באַפֿעל.
node app.js
ווי איר זען, עטלעכע זאכן האָבן געטראפן:
- נאָדע סטאַרטעד גלייַך, מיט קיין באַניצער אַרייַנשרייַב בנימצא
- נאָדע לויפן דיין גאנצע טעקע פון שפּיץ צו דנאָ ביז עס דערגרייכן זיין סוף
- נאָדע זיך טערמאַנייטיד, ווייַל דער סוף פון דער טעקע איז אויך אנגעצייכנט די סוף פון זיין פּראָצעס
און פֿאַר אַ יקערדיק הקדמה צו Node.js, דאָס איז עס! אַמאָל איר האָט דאַונלאָודיד נאָדע און ערשטער יקספּיריאַנסט די נוצן פון די באַפֿעל פּינטלעך פֿאַר קאַטער דיין אייגענע דזשאַוואַסקריפּט אַפּ, אָדער שורה-דורך-שורה אָדער פֿון אַ טעקע, איר זענט אַפישאַלי אַ דזשאַוואַסקריפּט דעוו! ברוכים הבאים צו דעם קלוב!
איך וועל איצט פירן איר דורך די האַרץ באַגריף פון NPM. נאָך דער ווייַטער קאַפּיטל, מיר וועלן געשווינד קוקן אין די פֿאַרבינדונג צווישן Node.js, NPM און די וועב אַנטוויקלונג. אויב איר ווילן צו לערנען מער וועגן Node.js, איר קענט קאָנטראָלירן אונדזער מעשיות וועגן דזשאַוואַסקריפּט, מכשירים און אַלץ וואָס איז שייַכות צו קאָדירונג דאָ. איך האָבן אויך לינגקט עטלעכע נוציק רעסורסן אין די סוף פון דעם אַרטיקל פֿאַר אפילו מער שטאָפּן צו לערנען.
אָלרייט, לאָזן אונדז מאַך איינער!
NPM, דער נאָדע פּאַקקאַגע מאַנאַגער
ווי איר האָט געזען, עס איז נישט אַזוי שווער צו פירן דיין אייגענע קאָד. די אַפּ קענען זיין סטאָרד אין אַ טעקע, ענדערונגען איר צולייגן נאָר בלייַבן. אָבער וואָס אויב איר וואָלט וועלן צו נוצן עמעצער אַנדערש ס קאָד, זאָגן אַ קריפּטאָגראַפיק אָדער בילד מאַניפּיאַליישאַן ביבליאָטעק? איר עפעס האָבן צו שטעלן דעם קאָד ווייַטער צו דיין אייגענע, מאַכן עס ניצלעך פֿאַר דיין אַפּלאַקיישאַן און האַלטן אַלץ מאַנידזשאַבאַל.
א נאַיוו צוגאַנג וואָלט זיין צו נאָר אראפקאפיע פונדרויסנדיק קאָד גלייַך פון די מקור, למשל. גיטהוב, און נאָכמאַכן די ביבליאָטעק, טעקע דורך טעקע, אין דיין אייגענע פּרויעקט. אָבער דאָס פירט צו עטלעכע פראבלעמען:
- ווי טאָן איר בעסטער דערהייַנטיקן דעם פונדרויסנדיק קאָד? קאַפּיינג מיט האַנט איז נישט דער בעסטער לייזונג.
- ווי טאָן איר האַלטן שפּור פון אַלע די פונדרויסנדיק קאָד?
- וואָס אויב דער פונדרויסנדיק קאָד זיך רילייז אויף לייברעריז וואָס זענען נישט אינסטאַלירן אין דיין פּרויעקט?
אַלע די טשאַלאַנדזשיז זענען טאַקאַלד דורך NPM, אַ פּעקל פאַרוואַלטער פֿאַר Node.js. דער אַרבעט פון אַ פּעקל פאַרוואַלטער בייסיקלי איז צו געבן איר אַ געזונט לייזונג ווי צו לייגן, האַלטן שפּור און באַזייַטיקן פונדרויסנדיק קאָד, אויך באקאנט ווי דיפּענדאַנסיז. דאָ זענען עטלעכע ביישפילן פון NPM אין קאַמף.
npm install serve-static npm remove serve-static
געוויינטלעך, דער פאַרוואַלטער דאַרף אַ ביסל ספּעציעל טעקעס זיך צו האַלטן שפּור פון אַלע די דיפּענדאַנסיז אין דיין פּרויעקט. אַז ס וואָס אַפּלאַקיישאַנז ניצן NPM האָבן לפּחות צוויי טעקעס: package.json און package-lock.json. איר קענט רופן די פאלגענדע באַפֿעל צו געשווינד שאַפֿן אַ נייַע NPM פּעקל.
npm init -y
באַמערקונג: ווי מיר האָבן געזען אין דער ערשטער טייל פון דעם אַרטיקל, NPM איז ניט דארף צו נוצן Node.js אָדער Javascript. זיין פאָקוס איז אָנפירונג דיין דיפּענדאַנסיז - ניט מער, ניט ווייניקער. דורך NPM איר קענען אראפקאפיע קאָד וואָס איז ארויס אויף npmjs.com. אַלע די פונדרויסנדיק מאַדזשולז זענען סטאָרד אין דיין פּרויעקט אין אַ ספּעציעל וועגווייַזער גערופֿן נאָדע_מאָדולעס. איר וועט כּמעט קיינמאָל האָבן צו טוישן דעם וועגווייַזער, ווייַל עס איז גאָר געראטן דורך NPM.
די package.json גיט איר ינסייט אין דיין דערווייַל געוויינט דיפּענדאַנסיז אין די פּרויעקט. package-lock.json איז אַ ספּעציעלע טעקע וואָס סטאָרז עטלעכע מעטאַדאַטאַ וועגן מיוטיישאַנז וועגן דיין package.json-file אָדער די node_modules-directory און איר קענען איצט איגנאָרירן.
איך טראַכטן איך וועט ייַנוויקלען מיין באַשרייַבונג פון די זייער האַרץ באַגריף פון NPM, וואָס עס טוט און וואָס טעקעס / דיירעקטעריז עס אויטאָמאַטיש דזשענערייץ. מער אינפֿאָרמאַציע איז לינגקט אין די סוף פון דעם אַרטיקל.
אַרק צו וועב דעוו
פייַן, איצט איר וויסן די פאַנדאַמענטאַלז פון Node.js און NPM. אָבער וואָס אויף ערד איז אַלע די שטאָפּן אפילו נייטיק צו לערנען אויב איר נאָר ווילן צו אָנהייבן קריייטינג דיין אייגענע מאָדערן וועבזייטל?
ווי מיר האָבן נאָר געזען, NPM אַלאַוז אונדז צו אָפּלאָדירן קאָד פון אַ וואַסט זאַמלונג פון לייברעריז (די גרעסטע אין עקזיסטענץ, צו זיין גענוי). פֿאַר וועב אַנטוויקלונג, איר וועט דאַרפֿן אַ סערווער וואָס קענען באַלעבאָס (דאָס איז, צושטעלן) דיין וועב אַפּ. עס זענען שעפע פון סערוויסעס בנימצא ווו איר קענען צופֿעליקער דיין וועבזייטל-פּראָיעקט און נוצן אַן יגזיסטינג ינפראַסטראַקטשער, אַרייַנגערעכנט סערווערס, צו מאַכן די וועבזייטל בנימצא אויף די וועב.
און פֿאַר היגע אַנטוויקלונג, אַ סערווער איז אויך פארלאנגט צו לאָדן דיין היגע טעקעס און מאַכן זיי בארעכטיגט בלויז פֿאַר איר אויף דיין מיטל בעשאַס אַנטוויקלונג. דאַנק צו Node.js, איר קענען נאָר טאָן דאָס: מאַכן דיין וועבזייטל בנימצא לאָוקאַלי דורך אַ אַזוי גערופענע לאָקאַלהאָסט. Node.js האט די מכשירים וואָס זענען פארלאנגט צו קאַטער אַ היגע סערווער, אָבער דורך NPM איר אַפּלאַקיישאַן קענען זיין ענריטשט מיט שלאַכט-טעסטעד קאַמפּאָונאַנץ וואָס קענען העלפֿן איר שאַפֿן זייער גרויס באַדינונגס אין אַ קורץ צייט.
דאָך, דאָס איז נאָר דער אָנהייב: NPM האָסץ אַזוי פיל קאָד פֿאַר בנין מאָדערן וועב אַפּפּס (באקאנט ווי PWA, "פּראָגרעסיוו וועב אַפּ") און קאָמפּלעקס סערווערס. אבער פֿאַר אַ ערשטער הקדמה, איך טראַכטן אַז דערקלערונג זאָל זיין פייַן.
איך האָפֿן איך קען העלפֿן איר באַקומען אַ קאַפּ מיט Node.js און NPM. ערשטער סטעפּס זענען שטענדיק די כאַרדאַסט, אָבער די ערשטער טעג פון אַנטוויקלונג און (אַ פּלאַץ פון) לערנען וועט זיין ריוואָרדיד מיט דיין סקילז יקספּאַנדיד אין די אַנטוויקלונג פון מאָדערן וועב אַפּלאַקיישאַנז, וואָס אַלאַוז איר צו בויען וואָס איר ווילט.
