Първи стъпки с Meteor.js

Уеб приложенията не спират да се развиват, както и начинът им на развитие. Отминаха онези сложни проекти, при които трябваше да търсите в хиляди библиотеки, да правите сложни методи и да интегрирате множество езици, за да постигнете резултат.

С гъвкавостта, която JavaScript е достигнал е възможно да се направи повече с по -малко, а благодарение на рамки като напр Meteor.js начинът на разработване на приложения вече няма да е същият. Нека видим тогава какво ни предлага тази мощна рамка и как правим първите си стъпки с нея.

Защо Meteor.js?С количеството рамки и технологии, които съществуват днес, е трудно да се каже, че едното е по -добро от другото, особено що се отнася до JavaScript. Ние имаме Node.js, Експрес, Ъглова и дори можем да използваме традиционен език като Ruby, Python или добре познатия PHP, придружен с рамка от следващо поколение за разработване на нашите приложения.

Ето защо трябва да поставим на масата, защото Метеор може да преобладава над много по -популярните опции и дори с повече време на пазара, да видим.

Един език
Meteor.js не само е JavaScript за да направите красиви приложения на Front-End, това е пълна рамка, която позволява изпълнението на един и същ код както на клиента, така и на сървъра.

По -малко редове код
По начина, по който е замислен Метеор В своя модел на данни той прави интегрирането между всички части на приложението много по -лесно, така че нещо, което бихме направили в 1000 реда код, е 10.

Потребителски опит
Приложения, генерирани с Метеор Те не само изглеждат добре на компютър, но изглеждат добре и на всяко мобилно устройство.

Сменяеми части
Можем да използваме всичко, което идва по подразбиране в Метеор, или просто преминете към технология, с която се чувстваме по -уверени, променете шаблона или просто превключете на Angular, ако желаете.

Това вече го видяхме Метеор Той има редица предимства, които трябва да се считат за повече от възможен вариант, за да започнете с разработването на нашите приложения. Нека да видим как да го инсталираме и да го задействаме в нашата среда.

Инсталиране на Meteor.js и създаване на първото ни приложение

Метеор той е за всички съществуващи операционни системи, а инсталирането му е изключително просто. В случая с този пример ще изтеглим инсталатора за Windows от официалния уебсайт на рамката. След като изтеглянето приключи, ние го инсталираме като всяко приложение за Windows, но е важно да го стартираме като администратор, тъй като в противен случай това ще ни донесе грешка при инсталирането.

След като сме инсталирали Meteor.js, рестартираме компютъра си и отваряме командна конзола и въвеждаме метеор за да проверите дали инсталацията е извършена успешно.

Това, че не сме създали проект, все пак ще ни даде грешка, но можем да проверим дали вече сме инсталирали нашата рамка. Сега остава само да създадем първото си приложение, за това изпълняваме следния команден ред:

 meteor създайте first_steps

Нашето приложение автоматично ще бъде създадено с три файла по подразбиране, всеки от тях ще има името на нашето приложение с различно разширение:

• first_steps.css
• first_steps.html
• first_steps.js

За файла .css Няма да имаме съдържание в него, но в това ще включим всички стилове на нашето приложение. За файла .html ще имаме проста структура, където можем да видим използването на шаблонен механизъм, в този случай би било така дръжки за показване на информация, силно препоръчителна практика в текущите разработки.

Последно във файла .js имаме къде се обработва логиката на нашето приложение, а също и Meteor и диференцира методите и процесите, които трябва да бъдат изпълнени от всяка страна. Засенчване цвят син имаме условието за от страна на клиента, има ли там, където поставяме визуализацията за шаблона и събитие, при натискане на бутон. Засенчване червен цвят имаме условието за от страна на сървъра, по подразбиране той е празен, но там ние обработваме сървърните процеси в нашето приложение.

Увеличете

След като разберем как е структурирано нашето приложение, ще го изпълним. За да направим това, просто трябва да въведем създадената ни директория и ще изпълним командата метеор.

Това ще настрои локален сървър на порт 3000 по подразбиране и ще ни позволи да видим малък пример за това как работи. Метеор. Нека да видим как изглежда, когато влезем от браузъра.

По този начин виждаме как Meteor.js е рамка, която ни позволява да правим стабилни приложения в най -кратки срокове, използвайки най -добрите практики за развитие и водещи до JavaScript на много по-високо ниво за създаване на приложения от следващо поколение.