كيفية إعداد تطبيق ويب Meteor.js باستخدام MongoDB و Apache على Ubuntu 16.04 LTS

• تثبيت Node.js
• تثبيت MongoDB
• تثبيت وإعداد Apache2
• تثبيت Meteor.js وإنشاء تطبيقنا الأساسي
• إعداد وكيل أباتشي العكسي
• تشغيل الموقع لأول مرة
• إنشاء موقعنا الإلكتروني للإنتاج
• إدارة طلبنا

Meteor.js هو إطار JavaScript مفتوح المصدر مكتوب مع وضع Node.js في الاعتبار. وهي شائعة بسبب رؤيتها لبناء تطبيقات الويب في JavaScript خالص. يدمج Meteor دعم جافا سكريبت الأمامي الذي يتم تشغيله في متصفح الويب ، بالإضافة إلى جافا سكريبت الخلفي ، والذي سيتم تشغيله على الخادم المضيف. يتكامل بشكل جيد مع أطر JavaScript الأمامية ، مثل React و Angular.js ، بالإضافة إلى MongoDB ، قاعدة بيانات NoSQL الشهيرة. فيما يلي بعض الأسباب الكبيرة لاختيار Meteor.js:

• Meteor.js هو إطار مكدس كامل. وبذلك تحصل على كل ما قد تحتاجه: قاعدة بيانات ، واجهة أمامية ، خلفية. يقوم النيزك بعمل رائع لربط كل ذلك معًا.

• سرعة. يمنحك نظام حزمة بديهية من Meteor العديد من الأدوات التي قد تحتاجها لتحسين تطبيقك.

• لديها دعم جيد من مجموعة Meteor Developer Group ، بالإضافة إلى المطورين الآخرين الذين يستخدمونها. ستتمكن بسهولة من اكتشاف أي مشاكل قد تواجهها وحلها بسرعة.

في هذا البرنامج التعليمي ، سنحقق الأهداف التالية على Ubuntu 16.04:

• تثبيت Node.js، وقت تشغيل جافا سكريبت.

• التثبيت Meteor.js.

• قم بتثبيت MongoDBقاعدة بيانات Meteor المفضلة.

• قم بتثبيت Apacheوكيلنا العكسي الذي اخترناه ، وقم بإعداد نطاقنا إن أمكن.

• اختبر موقعنا.

• إعداد موقعنا الإلكتروني للإنتاج.

تثبيت Node.js

ستحتاج أولاً إلى تثبيت Node.js ، وهو مترجم جافا سكريبت الخاص بنا ، ونواة Meteor. سيسمح لنا بتشغيل Meteor وتطبيقات Node.js الأخرى التي قد تكون لدينا في المستقبل. في هذه الحالة ، سنقوم بتثبيت Node.js 8. لبدء التنزيل ، قم ببساطة بتشغيل ما يلي في جهازك.

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

انتظر حتى يكتمل التنزيل والتثبيت.

تثبيت MongoDB

بعد ذلك ، سنقوم بتثبيت قاعدة البيانات الخاصة بنا: MongoDB. MongoDB هي قاعدة بيانات مستندات NoSQL مجانية ومفتوحة المصدر وقاعدة بيانات Meteor المفضلة. يستخدم تنسيقًا شبيهًا بـ JSON لمستنداته ، على عكس الجداول المنظمة في قاعدة بيانات SQL التقليدية.

قم باستيراد مفتاح MongoDB العام المستخدم بواسطة APT(Advanced Packaging Terminal). هذا يسمح لـ APT بالتحقق من الحزمة ؛ في هذه الحالة ، MongoDB.

sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 0C49F3730359A14518585931BC711F9BA15703C6

قم بإنشاء ملف القائمة الضروري لـ Ubuntu 16.04.

echo "deb [ arch=amd64,arm64 ] http://repo.mongodb.org/apt/ubuntu xenial/mongodb-org/3.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.4.list

ابدأ عملية تثبيت MongoDB ، وانتظر حتى ينتهي التثبيت.

sudo apt update && sudo apt install mongodb-org -y

افتح خدمة systemd للتحرير.

sudo nano /etc/systemd/system/mongodb.service

انسخ والصق التالي لإكمال خدمة systemd.

[Unit]
Description=High-performance, schema-free document-oriented database
After=network.target
[Service]
User=mongodb
ExecStart=/usr/bin/mongod --quiet --config /etc/mongod.conf

[Install]
WantedBy=multi-user.target

استخدم " Control-O" للحفظ ، و " Control-X" للخروج.

قم بتشغيل خدمة systemo MongoDB عن طريق كتابة sudo systemctl start mongodbجهازك.

للتحقق من أنه بدأ بنجاح ، اكتب ما يلي.

sudo systemctl status mongodb

سترى أن الخدمة نشطة.

تثبيت وإعداد Apache2

بعد ذلك ، سنقوم بتثبيت Apache. أباتشي هو برنامج خادم ويب مجاني ومفتوح المصدر ، ويعمل أيضًا كخادم عكسي ، وهو ما سنستخدمه في هذا البرنامج التعليمي. مطلوب وكيل عكسي لربط تطبيق Meteor.js الخاص بنا port 80. يحظر Node.js تشغيل التطبيقات على هذا المنفذ دون الوصول إلى الجذر. يعمل أباتشي بشكل rootتلقائي كما أنه ملزم port 80، لذلك لا داعي للقلق حيال ذلك عندما يحين الوقت لتشغيل موقعنا.

قم بتثبيت أباتشي.

sudo apt update && sudo apt install apache2

للسماح بالوصول إلى منافذ الويب الخارجية مثل port 80، نحتاج إلى تكوين جدار الحماية الخاص بنا لـ Apache. نقوم بذلك من خلال UFW(جدار حماية غير معقد).

sudo ufw allow 'Apache Full'

هذا سيسمح بالوصول إلى Apache Fullملف التعريف "". هذا يعطينا حركة المرور الواردة port 80، وهو ما سيتم تشغيل تطبيقنا عليه.

تثبيت Meteor.js وإنشاء تطبيقنا الأساسي

الآن ، سنقوم بتثبيت إطار الويب الخاص بنا: Meteor.js. سوف نستخدم برنامج نصي بسيط مقدمًا من فريق Meteor لتثبيته.

curl https://install.meteor.com/ | sh

انتظر حتى انتهاء التثبيت. في الأساس ما يفعله البرنامج النصي هو أنه يقوم بتنزيل Meteor من الموقع الرسمي ، وتثبيته عالميًا ، حتى نتمكن من استخدامه من أي مكان. بمجرد الانتهاء ، يمكننا إنشاء دليل التطبيق الخاص بنا. النيزك لديه أداة صغيرة مفيدة لنا لاستخدامها للقيام بذلك ، تسمى meteor create. لإنشاء دليل التطبيق الخاص بك ، اكتب ما يلي.

meteor create <projectname>

سيتم إنشاء المجلد بالاسم المحدد ( <projectname>).

إعداد وكيل أباتشي العكسي

الآن بعد أن تم إعداد دليل التطبيق الخاص بنا ، يمكننا متابعة إعداد وكيلنا العكسي. يستخدم أباتشي وحدة تسمى mod_proxy، والتي تنفذ وكيل أباتشي.

sudo apt-get install libapache2-mod-proxy-html libxml2-dev -y

سيؤدي ذلك إلى تثبيت الوحدة النمطية وإتاحتها لاستخدام Apache.

بعد ذلك ، سنحتاج إلى تمكين جميع الوحدات الضرورية التي يحتاجها Apache لتشغيلها. سنقوم بذلك باستخدام a2enmodأداة تمكّن وحدات Apache. ستسمح لنا هذه الوحدات بالاستفادة من الوكيل العكسي. ببساطة اكتب هذه الأوامر في المحطة الطرفية الخاصة بك.

sudo a2enmod proxy
sudo a2enmod proxy_http
sudo a2enmod proxy_ajp
sudo a2enmod rewrite
sudo a2enmod deflate
sudo a2enmod headers
sudo a2enmod proxy_balancer
sudo a2enmod proxy_connect
sudo a2enmod proxy_html

بعد ذلك ، سنحتاج إلى تعطيل موقع Apache الافتراضي من بدء التشغيل ، حتى نتمكن من بدء موقعنا. خلاف ذلك ، فإن تطبيق Apache الافتراضي سيتجاوز تطبيقنا. لتعطيل الموقع الافتراضي ، قم ببساطة بتشغيل ما يلي.

sudo a2dissite 000-default

الآن سنقوم بإنشاء ملف مضيف افتراضي. للقيام بذلك ، ما عليك سوى فتح محرر نصوص.

sudo nano /etc/apache2/sites-available/<projectname>

انسخ والصق التالي.

<VirtualHost *:80>
  ErrorLog ${APACHE_LOG_DIR}/error.log
  CustomLog ${APACHE_LOG_DIR}/access.log combined
  ProxyPreserveHost On
  # Servers to proxy the connection, or
  # List of application servers Usage
  ProxyPass / http://0.0.0.0:3000/
 ServerName localhost
</VirtualHost>

• VirtualHost *:80: يخبر أباتشي بإرفاق المنفذ 80 ، وهو ما نريده لتطبيق الويب الخاص بنا.

• ProxyPass: عنوان IP الخاص بالموقع الذي تريد إعادة توجيهه إلى الوكيل العكسي. من المحتمل أن يكون هذا هو IP الخاص بـ VPS الخاص بك

• ServerName: اسم الخادم الخاص بك (الاسم الافتراضي عادة localhost).

بمجرد الانتهاء من تكوين الإعدادات اللازمة ، استخدم " Control-O" للحفظ و " Control-X" للخروج.

تشغيل الموقع لأول مرة

لاختبار والتأكد من تشغيل موقع الويب ، اكتب ما يلي في دليل المشروع.

meteor

سترى الناتج التالي يوضح أن موقعك بدأ بنجاح.

=> App running at: http://localhost:3000/

لاحظ أن النيزك يستمع افتراضيًا port 3000.

إنشاء موقعنا الإلكتروني للإنتاج

من أجل التأكد من أن تطبيقنا قادر على الاستمرار في العمل ، سنستخدم خدمة systemd. على غرار ما فعلناه أعلاه مع MongoDB ، ستضمن خدمة النظام هذه بدء تشغيل موقعنا على الويب كلما بدأ نظامنا ، وسيظل يعمل. سيتم أيضًا إعادة تشغيل تطبيقنا ، في حالة تعطله لأي سبب من الأسباب. لإعداد خدمة systemd الخاصة بنا ، اكتب ما يلي في جهازك.

sudo nano /etc/systemd/system/<projectname>.service

إليك ما تريد أن يبدو عليه ملفك.

[Service]
WorkingDirectory=/home/<yourusername>/<projectname>
ExecStart=/usr/local/bin/meteor --production
Restart=always
StandardOutput=syslog
StandardError=syslog
SyslogIdentifier=<projectName>
User=<yourusername>
Environment=NODE_ENV=production
Environment=PWD=/home/<yourusername>/<projectname>
Environment=PORT=3000
Environment=HTTP_FORWARDED_COUNT=1

ملاحظة : لا تنس أن تستبدل projectnameاسم المشروع yourusernameباسم المستخدم الخاص بـ VPS.

إليك بعض الخطوط الرئيسية التي يجب أن تضعها في اعتبارك.

• WorkingDirectory: دليل التطبيق الخاص بك.

• Restart: سواء إعادة تشغيل التطبيق أم لا يتوقف لأي سبب من الأسباب.

• User: اسم المستخدم الخاص بك.

• Environment=PWD: مطابق لـ WorkingDirectory.

• Environment=PORT: المنفذ الذي يعمل عليه تطبيقك. القيمة الافتراضية هي 3000.

أحفظ وأغلق الملف.

الآن ، سنقوم بتمكين وبدء الخدمة.

sudo systemctl enable <projectname>.service

أين <projectname>اسم ملف الخدمة الذي أنشأناه.

ثم ، سنبدأ الخدمة.

sudo systemctl start <projectname>.service

سيبدأ تطبيقك. للتحقق من تشغيله ، قم بتشغيل ما يلي.

sudo systemctl status <projectname>

سترى أنها نشطة ، والتحقق من أن الخدمة قد بدأت بنجاح.

بعد ذلك ، سوف نتحقق من موقعنا. في متصفح الويب الذي تختاره ، انتقل إلى عنوان IP الخاص بك.

http://your-server-ip/

سترى شاشة نموذج النيزك ، للتحقق من أنك فعلت كل شيء بشكل صحيح.

إدارة طلبنا

الآن بعد أن بدأنا تطبيقنا ، سنحتاج إلى إدارته.

إعادة تشغيل التطبيق الخاص بك

sudo systemctl restart <projectname>

إيقاف التطبيق

sudo systemctl stop <projectname>

عرض حالة التطبيق

sudo systemctl status <projectname>

عرض السجلات

journalctl -u <projectname>

لقد نجحت الآن في تكوين MongoDB و Apache و Meteor وأنشأت خادم ويب Meteor.js للإنتاج. الآن الباقي متروك لك ، لتصميم موقع الويب الخاص بك على الواجهة الأمامية والخلفية. يمكنك الوصول إلى MongoDB لتخزين أي بيانات قد تحتاجها ، و Node.js ، التي تقدم مجموعة متنوعة من الوحدات المتاحة من خلال Node Package Manager ( NPM) لتعزيز الواجهة الخلفية بشكل أكبر. لمزيد من الوثائق ، لا تتردد في زيارة موقع Meteor ، حيث يمكنك معرفة المزيد عن كيفية تخصيص موقع الويب الخاص بك حسب رغبتك. أيضا ، يمكنك الرجوع إلى وثائق MongoDB ، عندما تتعامل مع عمليات قاعدة البيانات.