Phoenix LiveView: عندما يكون كود جافا سكريبت ممتعًا *

* بسبب غيابه

استمرار لمقال عن فينيكس لايف فيو . اليوم سوف أصف التكوين الأساسي للعمل المريح مع التكنولوجيا وإنشاء تطبيق جديد.

تثبيت إكسير والعنقاء

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

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

elixir -v 

يجب إصدار 1.8.2 كما هو مناسب لهذا اليوم. وبدء تركيب طائر الفينيق نفسه

 mix archive.install hex phx_new 1.4.6 

1.4.6 مناسبة لهذا اليوم ، يمكنك رؤية الإصدار الحالي هنا. سيستخدم المشروع حزمة الويب ، ويخرج من الصندوق في طائر الفينيق ولذا نحتاج إلى العقيدات .

IDE

يعد اختيار IDE بمثابة صداع ، لكنني قررت بنفسي أن أطور على روبيمين ، وهناك مكون إضافي ممتاز يسمى الإكسير. يصبح نظام الألوان المسيل للدموع واضحًا مع مرور الوقت ولا أريد العودة إلى vscode بعد الآن ، لكنني أريد أن أقول أن دعم الإكسير يتم تنفيذه جيدًا أيضًا من خلال المكوّن الإضافي المقابل ، أوصي به لمحبي الشفرات.

إنشاء المشروع

قم بإنشاء مجلد مناسب لتخزين المشروعات على الإكسير وانتقل إلى وحدة التحكم:

 cd ~/ElixirProjects/ mix help #    mix help phx.new #           mix phx.new fire --no-ecto #   fire           Fetch and install dependencies? [Yn] #   

سوف التجميع يستغرق بعض الوقت

 cd fire mix phx.server 

إذا تم تثبيت جميع التبعيات بنجاح وكان هناك شيء مثل [info] Access FireWeb.Endpoint at http://localhost:4000 فانتقل بجرأة إلى المتصفح http: // localhost: 4000 . أعد تحميل الصفحة عدة مرات والعودة إلى المحطة. ستجد هناك FireWeb.PageController.index مثيرًا للاهتمام ، حيث يمثل microsecond ، و FireWeb.PageController.index هو اسم الوظيفة التي عالجت طلبك. دعنا نفتح الكود في IDE ونتابع.

كيف تعمل معها؟

جميع الرموز الرئيسية ستكون في مجلد lib. حدد موقع الملف lib / fire_web / templates / page / index.html.eex ، واحذف القسم الثاني ، واحفظه وأرجعه إلى المتصفح. لا تحتاج إلى إعادة تحميل الصفحة ، فسيقوم العنقاء بذلك لك. محرك القالب لإدخال رمز قابل للتنفيذ مع إخراج النتيجة يتطلب إدخال الأحرف <%= و %> . في الجزء السفلي من القالب ، أدخل <%= "Fire man" %> وانظر إلى النتيجة في المتصفح. لكي يتوقف الخادم عن العمل ، انقر نقرًا مزدوجًا على ctrl + c في وحدة التحكم

يؤدي

في هذه المرحلة ، يجب أن يكون لديك بيئة جاهزة للتجريب. لا تتردد في إنشاء مشاريع أخرى. انظر إلى الفرق في رمز المشروع إذا قمت بإنشائه دون - لا - أو إضافة - umbrella (إنشاء بنية microservice). لمزيد من العمل ، ستحتاج إلى معرفة أنواع البيانات الأساسية. يُنصح بالتعرف على مصدرين للدروس باللغة الروسية والوثائق الرسمية باللغة الإنجليزية. تتم ترجمة Elixirschool جزئيًا إلى اللغة الروسية وأوصى بالبدء في تعلم اللغة من هذا المورد. إذا كنت تريد حقًا إنشاء تطبيق على liveview ، فإليك مقالة سنبني عليها في المستقبل.

انضم إلى مجتمع البرقيات الناطق باللغة الروسيةproelixir وشاهد آخر الأخبار والوظائف الشاغرة على قناةproelixir_news.