بناء تطبيقات ويب حديثة باستخدام Spring Boot و Vaadin

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

لتطوير تطبيقات الويب في Java ، تحتاج إلى:

* Java Development Kit (JDK): هذا هو أساس بيئة تطوير Java الخاصة بك. يحتوي على الأدوات المختلفة المطلوبة لتطوير تطبيق Java يعمل. من أهمها Java Runtime Environment (JRE) ، والتي تتيح لك تشغيل تطبيق Java ومترجم Java.

* أداة البناء / إدارة المشروع (Maven): استخدم هذا لاستيراد مشروعنا إلى IDE وتثبيت أي تبعيات يحتاجها المشروع ليعمل.

* نظام التحكم في الإصدار (Git): يتيح لك Git تتبع التعليمات البرمجية المصدر لتطبيق الويب وإدارتها. على سبيل المثال ، يسمح لك Git repo الذي تم إعداده بشكل صحيح بالتراجع بسهولة عن أي أخطاء في كسر التطبيق.

* أداة بناء الواجهة الأمامية (Node.js): Node.js هي بيئة وقت تشغيل جافا سكريبت (تشبه إلى حد كبير JRE لجافا). ويستخدم Vaadin Node داخليًا لإنشاء إصدار محسّن من تطبيقك.

* بيئة التطوير المتكاملة (IDE): IDE هي الأداة التي تستخدمها لكتابة التعليمات البرمجية وتشغيلها أثناء التطوير.

يمكنك إكمال هذا الدليل باستخدام أي IDE ، ولكن من أجل البساطة ، نستخدم IntelliJ Idea طوال الوقت. إصدار مجموعة IntelliJ مجاني للاستخدام وخيار رائع إذا لم يكن لديك بالفعل إعداد IDE.

وإذا كانت لديك الأدوات اللازمة مثبتة على جهاز الكمبيوتر الخاص بك ، أو إذا كنت تفضل البرمجة باستخدام IDE عبر الإنترنت ( يمكنك فتح في IDE عبر الانترنيت) فيمكنك التخطي إلى فصل أساسيات Vaadin.

ما هو إصدار Java الذي يجب تثبيته؟

إذا كنت مستخدمًا جديدًا لجافا أو لم تستخدمه منذ فترة ، فقد تفاجأ بعدد مرات تشغيل جافا المتاحة. منذ فترة ، قامت Oracle بتغيير نموذج الإصدار الخاص بها وجعلت Oracle JDK الرسمي منتجًا مدفوعًا للمشاريع التجارية. بدلاً من إصدار رئيسي واحد كل بضع سنوات ، يقومون الآن بإصدار نسخ رئيسية جديدة كل 6 أشهر ، ويقومون بتعيين إصدار دعم طويل الأجل (LTS) كل 3 سنوات. نوصيك باستخدام إصدار LTS الحالي ، Java SE 11 ، إذا كنت تفضل استخدام Oracle.

عندما أصبح Oracle JDK منتجًا تجاريًا ، اختار العديد من المطورين التبديل إلى JDKs البديلة. هناك العديد من البدائل المتاحة التي يمكن استخدامها مجانًا والتي تأتي مع إصدارات دعم طويلة المدى. نوصيك باستخدام Amazon Corretto أو OpenJDK.

⏪ الإعداد على نظام الوينداوز:

لإعداد بيئة التطوير الخاصة بك على Windows:

   1- تثبيت Java:

    * انتقل إلى صفحة تنزيل Amazon Corretto 11.

   * قم بتنزيل وتشغيل مثبت Windows (.msi).

   * اتبع المتطلبات في المعالج.

2- تثبيت Maven:

* انتقل إلى صفحة تنزيل Maven.

* قم بتنزيل أرشيف Binary zip في قسم الملفات.

* قم باستخراج الأرشيف إلى C: \ Program Files.

* في Windows ، انتقل إلى لوحة التحكم> الأنظمة والأمان> النظام> إعدادات النظام المتقدمة.

* حدد متغيرات البيئة.

* في متغيرات البيئة ، حدد متغير أنظمة المسار (في المربع السفلي) ثم حدد تحرير.

* حدد تصفح في مربع حوار التحرير.

* انتقل إلى وحدد C: \ Program Files \ apache-maven-3.6.3 \ bin (استبدل رقم الإصدار الذي قمت بتنزيله) ثم حدد موافق.

* حدد موافق في جميع مربعات الحوار المفتوحة لإغلاقها وحفظ متغير البيئة.

3- تثبيت العقدة:

* انتقل إلى صفحة تنزيل Node.js.

* قم بتنزيل Windows Installer (.msi) وتشغيله لنظامك.

* اتبع المطالبات في المعالج.

4- تثبيت Git:

* انتقل إلى صفحة تنزيل Git.

* قم بتنزيل وتشغيل مثبت Windows (.exe) لنظامك.

* اتبع المطالبات في المعالج. إذا لم تكن متأكدًا من أي خيار ، فاستخدم الإعدادات الافتراضية.

5- تثبيت IntelliJ:

* انتقل إلى صفحة تنزيل IntelliJ Windows.

* قم بتنزيل وتشغيل مثبت Community Edition (.exe).

* اتبع المطالبات في المعالج.

* أعد تشغيل الكمبيوتر لإنهاء الإعداد.

* ابدأ IntelliJ وقم بإعداد تفضيلاتك. يمكنك استخدام الإعدادات الافتراضية ، ما لم يكن لديك سبب لعدم القيام بذلك.

⏪ الإعداد على نظام macOS

لإعداد بيئة المطور الخاصة بك على macOS:

1- تثبيت Java:

* انتقل إلى صفحة تنزيل Amazon Corretto 11.

* قم بتنزيل وتشغيل مثبت macOs (.pkg).

* اتبع المطالبات في المعالج.

2- تثبيت Homebrew:

Homebrew هو مدير حزم ، وهو أسهل طريقة لتثبيت كل من Maven و Node على macOS. لتثبيت Homebrew ، الصق ما يلي في جهازك الطرفي:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"(انسخ الكود)

3- تثبيت Maven و Node:

استخدم هذا الأمر لتثبيت كل من Maven و Node في Homebrew:

(انسخ الرمز) brew install node maven

4- تثبيت IntelliJ:

* انتقل إلى صفحة تنزيل IntelliJ Mac و

* قم بتنزيل مثبت إصدار المجتمع.

* انسخ التطبيق إلى مجلد التطبيقات في Finder.

⏪ الإعداد على نظام Linux

يحتوي قسمه على إرشادات للتوزيعات المستندة إلى دبيان و RPM. يجب أن يكون التثبيت على

التوزيعات الأخرى متشابهًا جدًا ويمكنك تعديل هذه التعليمات ، إذا لزم الأمر. على نظام

Linux ، من الأسهل استخدام OpenJDK ، لأنه متاح في مستودعات الحزم.

1- قم بتثبيت Node.js:

ملحوظة:

تحتاج إلى تثبيت أحدث مستودع Node.js LTS لمدير الحزم الخاص بك. الإصدار المتاح في معظم

التوزيعات ليس جديدًا بما يكفي لأغراضنا. تقدم Nodesource حزمًا لجميع التوزيعات الرئيسية.

* الأنظمة المستندة إلى Debian:

- بالنسبة إلى Ubuntu والتوزيعات باستخدام sudo ، قم بتشغيل:

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt-get install -y openjdk-11-jdk maven git nodejs(انسخ الرمز)

- بالنسبة إلى Debian ، أو إذا كنت لا تستخدم sudo ، فقم بتشغيل ما يلي كجذر:

curl -sL https://deb.nodesource.com/setup_12.x | bash -
apt-get install -y openjdk-11-jdk maven git nodejs(انسخ الرمز)

- التوزيعات المستندة إلى RPM ، قم بتشغيل:

curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash -
(انسح الرمز)sudo yum install -y java-11-openjdk-devel.x86_64 maven git nodejs

* تحقق من إصدار جافا:

- للتأكد من أنك تقوم بتشغيل Java 11 ، قم بتشغيل إصدار جافا

- للتغيير للتغيير إلى Java 11 ، إذا لزم الأمر ، استخدم:

sudo alternatives --config java(انسخ الرمز)

ملحوظة: إذا كنت تستخدم توزيعة مختلفة ، أو لم تكن راضيًا عن البرنامج النصي لإعداد

الريبو التلقائي ، فيمكنك العثور على مجموعة كاملة من الإرشادات في مستودع

NodeSource GitHub

2- تثبيت IntelliJ:

نصيحة:أسهل طريقة لتثبيت IntelliJ على Linux هي استخدام مدير الحزم Snap. إذا كنت تستخدم Ubuntu أو مشتقًا ، فهو مثبت بالفعل.

* لتثبيت IntelliJ باستخدام snap ، قم بتشغيل:

(انسخ الرمز)sudo snap install intellij-idea-community --classic

* لتثبيت intelliJ يدويًا:

- انتقل إلى صفحة تنزيل IntelliJ Linux.

- قم بتنزيل إصدار المجتمع .tar.gz.

- استخراج الأرشيف:

mkdir /opt/intellsudo ij
sudo tar zxvf ideaIC*.tar.gz -C /opt/intellij --strip-components=1(انسخ الرمز)

* قم بتشغيل IDE (يمنحك معالج البدء خيار إنشاء اختصار على سطح المكتب):

(انسخ الرمز)sh /opt/intellij/bin/idea.sh

لديك الآن كل ما تحتاجه لبدء ترميز Java. سيوضح لك البرنامج التعليمي التالي كيفية

استيراد مشروع Java قائم على Maven وتشغيله في IntelliJ.

بناء تطبيقات ويب حديثة باستخدام Spring Boot و Vaadin