إعداد خادم الويب Express.js على Ubuntu 16.04 LTS

• تثبيت Node.js
• تثبيت Express

في هذا البرنامج التعليمي ، سنقوم بتثبيت خادم ويب Express.js أساسي ، باستخدام Node.js ، وقت تشغيل Javascript استنادًا إلى محرك V8 في Chrome ، على Vultr VPS الذي يعمل بنظام Ubuntu 16.04. إذا كنت لا تعرف ، فإن Express.js عبارة عن إطار عمل Node.js صغير ومرن يمنحك القدرة على كتابة تطبيقات الويب. يعرض حقًا ما يمكن لـ Node.js القيام به ، من حيث تطوير الويب. لذا بدون مزيد من اللغط ، دعنا نبدأ!

تثبيت Node.js

للبدء ، ستحتاج أولاً إلى تثبيت Node.js ، التي ستكون الواجهة الخلفية لموقع Express الخاص بنا. لتثبيته على Ubuntu 16.04 ، سنحتاج أولاً إلى إضافة مستودع لأحدث إصدار. للقيام بذلك ، اكتب ما يلي:

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

ما يفعله هذا ، هو أنه ينتزع أحدث حزم 8.x من nodesource.com ، ويضعها كمخزن APT. عند الانتهاء ، قم بتشغيل ما يلي لتثبيت العقدة:

sudo apt-get install -y nodejs build-essential

ما يفعله هذا هو تثبيت Node.js نفسه ، وهو يمسك build-essential، وهي بعض الأدوات التي قد تحتاجها عند تجميع الوحدات النمطية. عندما يتم ذلك ، سنقوم بإنشاء مشروع عقدة جديد. أولا ، تأكد من أنك في /homeالدليل الخاص بك .

/home/yourname

للتحقق ، فقط اكتب pwdفي طرفية الخاص بك ، وإذا رأيت /home/yourname، فأنت جاهز! بعد ذلك ، سنستخدم ميزة init الخاصة بـ npm لإنشاء مكان يتم package.jsonفيه تتبع جميع وحداتنا. للقيام بذلك ، اكتب npm initفي المحطة الطرفية الخاصة بك. اتبع جميع المطالبات ، وسترى ذلك عند الانتهاء:

{
  "name": "example",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "rich",
  "license": "MIT"
}

ثم انقر فوق إدخال للتأكيد.

تثبيت Express

بعد ذلك ، سنقوم بتثبيت وحدة Express الخاصة بنا. للقيام بذلك ، فقط اكتب:

npm install express

انتظر حتى ينتهي التثبيت.

لجعل الحياة أسهل ، سنستخدم وحدة صغيرة أنيقة تسمى express-generator. ما سيفعله هذا هو أنه سينشئ موقعًا إلكترونيًا لهيكل عظمي ، مما يجعل الحياة أسهل كثيرًا. يعتني بالأشياء الأساسية ، مثل الطرق وما إلى ذلك. لتثبيت Express Generator ، اكتب ببساطة:

npm install express-generator -g

نحدد -gالعلم ، مما يعني أنه سيكون عالميًا ، ويمكننا استخدامه في جميع أنحاء نظامنا. بمجرد الانتهاء من تثبيته ، يتعين علينا اتخاذ قرار. يجب علينا اختيار محرك العرض الذي نريد استخدامه لمشروعنا. للإيجاز ، سنستخدم ejsفي هذا البرنامج التعليمي ، وهو محرك عرض رائع أوصي بشدة بالنظر إليه أكثر. لإعداد مشروعنا المجرد ، ما عليك سوى كتابة:

express -v ejs mysite

سيؤدي ذلك إلى إنشاء مجلد جديد داخل مشروعنا الحالي بالاسم mysite. الآن ، للتأكد من أن لدينا جميع الوحدات المطلوبة للمشروع ، قم بتشغيل الأمر التالي.

npm install

الآن بعد أن أصبح لدينا الإعداد الأساسي لموقع الويب ، يمكننا أن نبدأ! لبدء موقع الويب بمنفذ أساسي ، اكتب ببساطة:

DEBUG=mysite:* npm start

سيبدأ الموقع الآن. المشكلة الوحيدة هي أنك لن تتمكن من رؤية الموقع ، لأنك تستخدم محطة طرفية. لعرض صفحة المثال ، سيتعين علينا تحديد عنوان IP لخادم HTTP ، والذي سيكون عنوان IP الخاص بـ VPS الخاص بنا. للحصول على عنوان IP الخاص بك ، ما عليك سوى الانتقال إلى لوحة Vultr VPS ، والنقر فوق علامة التبويب الخوادم. يجب أن يكون أسفل اسم الخادم مباشرة في الأسفل. على سبيل المثال: "1024 MB Server - yourIP". انسخ عنوان IP هذا وأغلقه لأننا سنحتاج إليه. بعد ذلك ، عد إلى الخادم الخاص بك ، وقم بتغيير الدليل إلى مجلد سلة المحذوفات.

cd mysite/bin

هذا بافتراض أنك قمت بإنشاء المجلد في دليل منزلك. قم بتحرير الملف بالداخل: wwwالملف. للقيام بذلك ، سوف نستخدم المحرر المدمج ، نانو.

nano www

بمجرد الدخول ، انتقل إلى هذا الخط:

server.listen(port);

أضف عنوان IP الخاص بك في هذا السطر. قم بتحريره بحيث يبدو مثل هذا:

server.listen(port, 'your ip here');

ثم ، اضغط على "control-o" في لوحة المفاتيح ، ثم "أدخل" للحفظ. اضغط على "control-x" للخروج. الآن ، نحن جاهزون لبدء خادمنا. ما عليك سوى كتابة الأمر نفسه الذي كتبناه سابقًا لاختباره:

DEBUG=mysite:* npm start

ستخرج وحدة التحكم الآن المنفذ الذي تستمع إليه. تتبع هذا المنفذ ، حيث ستحتاج إليه. لعرض موقعك ، افتح متصفح الويب الخاص بك وانتقل إلى URL التالي.

http://yourIP:port

على سبيل المثال ، قد يبدو مثل هذا:

http://192.0.2.0:3000

إذا سارت الأمور على ما يرام ، فسترى "مرحبًا بك في Express" على شاشتك!

وانت انتهيت! لقد قمت بإنشاء موقع Express الأول الخاص بك باستخدام Node.js ، تشغيل Vultr VPS. لمعرفة المزيد حول Express ، وما يمكنك فعله به ، أوصي بالانتقال إلى موقعهم على http://expressjs.org ، وموقع EJS على http://ejs.co ، حيث يمكنك القراءة على التوثيق ، وإنشاء موقع قاتل خاص بك!