في المقالة التالية سنلقي نظرة على Angular CLI. في حال ما زلت لا تعرف Angular هو إطار تطوير تطبيقات مفتوح المصدر للواجهة الأماميةوشعبية وقابلة للتوسيع للغاية. يمكن استخدامه لإنشاء تطبيقات الجوال والويب باستخدام TypeScript و JavaScript واللغات الشائعة الأخرى. Angular هو مصطلح شامل لجميع إصدارات Angular التي تأتي بعد AngularJS.
يعتبر إطار التطوير هذا مناسبًا تمامًا لإنشاء التطبيقات من البداية ، بدءًا من النطاق الصغير إلى النطاق الكبير. أحد المكونات الرئيسية لمنصة Angular للمساعدة في تطوير التطبيق هي الأداة المساعدة Angular CLI. إنها أداة سطر أوامر بسيطة وسهلة الاستخدام. يتم استخدامه لإنشاء وإدارة وبناء واختبار التطبيقات التي تم إنشاؤها باستخدام Angular.
في السطور التالية سنرى كيف يمكننا ذلك قم بتثبيت أداة سطر الأوامر Angular على نظام Ubuntu 19.04 الخاص بنا. سنرى أيضًا مثالًا أساسيًا لهذه الأداة.
تثبيت Node.js على أوبونتو
لتثبيت Angular CLI سيكون من الضروري أن يكون لدينا إصدار حالي من Node.js و NPM مثبتين على نظامنا. للقيام بذلك ، علينا فقط فتح محطة طرفية (Ctrl + Alt + T) والكتابة فيها:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
أيضًا ، لتجميع المكونات الإضافية NPM وتثبيتها ، قد نحتاج إلى تثبيت أدوات المطور على نظامنا. للقيام بذلك ، في نفس الجهاز سنفعل ما يلي:
sudo apt install -y build-essential
تثبيت Angular CLI على Ubuntu 19.04
بعد تثبيت Node.js و NPM كما رأينا للتو ، سنكون قادرين على ذلك قم بتثبيت Angular CLI باستخدام مدير الحزم npm كما يلي. في هذه الحالة ، الخيار -g هذا يعني أننا سنقوم بتثبيت الأداة في جميع أنحاء النظام ، ليستخدمها جميع مستخدميها.
sudo npm install -g @angular/cli
بعد التثبيت ، نستطيع ابدأ Angular CLI باستخدام ng القابل للتنفيذ والتي يجب تثبيتها الآن على نظامنا. قم بتنفيذ الأمر التالي في الجهاز (Ctrl + Alt + T) للتحقق من تثبيت إصدار Angular CLI:
ng --version
إنشاء مشروع باستخدام Angular CLI
الآن دعنا نرى كيف يمكننا إنشاء وبناء وخدمة مشروع Angular أساسي جديد. أولا، سنذهب إلى دليل webroot من خادمنا. ثم سنقوم بإنشاء تطبيق Angular جديد على النحو التالي:
cd /var/www/html/ sudo ng new ubunlog-app
سيتعين علينا أن نقرر ما إذا كنا نريد مشاركة بيانات مجهولة مع فريق Angular. نواصل الذهاب إلى دليل التطبيق الذي أنشأناه للتو. نحن ذاهبون إلى ابدأ في خدمة التطبيق كما هو موضح في الآتي:
cd ubunlog-app ng serve
سيضعنا الأمر السابق على الشاشة رابط يخبرنا كيف يمكننا رؤية تطبيقنا قيد التشغيل.
قبل أن نتمكن من الوصول إليه من متصفح الويب ، في حالة تشغيل خدمة جدار الحماية ، يجب علينا فتح المنفذ 4200 في التكوين هذا ، كما هو موضح أدناه:
sudo ufw allow 4200/tcp sudo ufw reload
بعد ذلك ، يمكننا فتح متصفح الويب المفضل لدينا والتنقل باستخدام عنوان URL الذي توفره المحطة إلى انظر تشغيل التطبيق الجديد، كما هو موضح في الصورة التالية.
http://localhost:4200/
يمكننا أيضًا استخدام عنوان URL الآخر للوصول إلى تطبيقنا:
http://IP_SERVIDOR:4200
وتجدر الإشارة إلى أننا إذا استخدمنا الأمر "نوغ تخدم"لإنشاء تطبيق وتقديمه محليًا كما رأينا للتو ، يعيد الخادم تلقائيًا بناء التطبيق ويعيد تحميل صفحات الويب عندما نغير أيًا من ملفات المصدر.
إذا أردنا الحصول عليها مزيد من المعلومات حول أداة ng، يمكننا تشغيل الأمر التالي في المحطة (Ctrl + Alt + T):
ng help
في هذه المقالة ، رأينا كيفية أداء ملف التثبيت البسيط لـ Angular CLI على نظام Ubuntu الخاص بنا، بالإضافة إلى بناء وترجمة وخدمة تطبيق أساسي على خادم تطوير.
هذه ليست سوى الخطوات الأولى الأساسية التي يمكن اتخاذها باستخدام Angular CLI. بالنسبة اطلع على مزيد من المعلومات حول Angular CLI، يمكننا استشارة الموقع الرسمي للمشروع.