Phenquestions
Овај чланак покрива водич о инсталирању Елецтрона и стварању једноставне „Хелло Ворлд“ Елецтрон апликације у Линуку.
О Елецтрону
Елецтрон је оквир за развој апликација који се користи за креирање вишеплатформних десктоп апликација користећи веб технологије у самосталном веб прегледачу. Такође пружа АПИ-је специфичне за оперативни систем и робустан систем паковања за лакшу дистрибуцију апликација. Типична Елецтрон апликација захтева три ствари да би функционисале: Ноде.јс рунтиме, самостални прегледач заснован на Цхромиум-у који долази са Елецтрон-ом и АПИ-јем специфичним за ОС.
Инсталирајте Ноде.јс
Можете инсталирати Ноде.јс и „нпм“ менаџер пакета покретањем следеће наредбе у Убунтуу:
$ судо апт инсталирај нодејс нпмОве пакете можете инсталирати у друге Линук дистрибуције из менаџера пакета. Алтернативно, преузмите званичне бинарне датотеке доступне на Ноде-у.јс веб локација.
Направите нови чвор.јс пројекат
Једном када инсталирате Ноде.јс и „нпм“, креирајте нови пројекат под називом „ХеллоВорлд“ извођењем следећих наредби:
$ мкдир ХеллоВорлд$ цд ХеллоВорлд
Затим покрените терминал у директоријуму „ХеллоВорлд“ и покрените доњу команду за иницијализацију новог пакета:
$ нпм инитПрођите кроз интерактивни чаробњак у терминалу и унесите имена и вредности по потреби.
Сачекајте да се инсталација заврши. Сада бисте требали имати „пакет.јсон “у директоријуму„ ХеллоВорлд “. Имати „пакет.јсон “у директоријуму вашег пројекта олакшава конфигурисање параметара пројекта и чини пројекат преносивим ради лакше дељења.
Пакет.јсон ”датотека треба да има следећи унос:
"маин": "индекс.јс "„Индекс.јс “је место где би се налазила сва логика вашег главног програма. Можете да направите додатне „.јс “,„.хтмл "и".цсс ”датотеке према вашим потребама. У сврху програма „ХеллоВорлд“ који је објашњен у овом водичу, наредба у наставку креираће три потребне датотеке:
$ тоуцх индекс.јс индекс.хтмл индекс.цссИнсталирајте Елецтрон
Можете да инсталирате Елецтрон у свој директоријум пројекта покретањем доње наредбе:
$ нпм инсталирај елецтрон --саве-девСачекајте да се инсталација заврши. Елецтрон ће сада бити додан вашем пројекту као зависност и требали бисте да видите директоријум „ноде_модулес“ у директоријуму вашег пројекта. Инсталирање Елецтрона као зависности од пројекта је препоручени начин инсталирања Елецтрона према службеној Елецтрон документацији. Међутим, ако желите да инсталирате Елецтрон глобално на свој систем, можете користити наредбу поменуту у наставку:
$ нпм инсталирај елецтрон -гДодајте следећи ред у одељак „скрипте“ у „пакету“.јсон ”за завршетак постављања Елецтрон-а:
"старт": "електрон ."Направите главну апликацију
Отворите „индекс.јс ”у уређивачу текста по вашем избору и додајте му следећи код:
цонст апп, БровсерВиндов = рекуире ('елецтрон');функција цреатеВиндов ()
цонст виндов = нев БровсерВиндов (
ширина: 1600,
висина: 900,
вебПреференцес:
нодеИнтегратион: труе
);
прозор.лоадФиле ('индекс.хтмл ');
апликација.вхенРеади ().затим (цреатеВиндов);
Отворите „индекс.хтмл ”у вашем омиљеном уређивачу текста и у њега ставите следећи код:
Здраво Свете !!
Јавасцрипт код је прилично објашњен. Прва линија увози потребне електронске модуле потребне за рад апликације. Даље, креирате нови прозор самосталног прегледача који долази са Елецтроном и учитате „индекс.хтмл ”у њему. Ознака у „индексу.хтмл “датотека креира нови одломак„ Здраво свете !!“Умотана у„
”Таг. Такође укључује референтну везу до „индекса.цсс ”датотека табеле стилова коришћена касније у чланку.
Покрените апликацију Елецтрон
Покрените доњу команду да бисте покренули апликацију Елецтрон:
$ нпм стартАко сте до сада правилно следили упутства, требали бисте добити нови прозор сличан овом:
Отворите „индекс.цсс “и додајте код испод да бисте променили боју„ Хелло Ворлд !!" низ.
боја црвена;
Поново покрените следећу команду да бисте видели ЦСС стил примењен на „Хелло Ворлд !!" низ.
$ нпм старт
Сада имате минимум неопходних датотека за покретање основне Елецтрон апликације. Имате „индекс.јс “за писање програмске логике,„ индекса.хтмл “за додавање ХТМЛ ознаке и„ индекса.цсс “за обликовање различитих елемената. Такође имате „пакет.јсон “и мапа„ ноде_модулес “која садржи потребне зависности и модуле.
Пакет Електронска примена
Можете да користите Елецтрон Форге за паковање апликације, као што препоручује званична Елецтрон документација.
Покрените доњу команду да бисте додали Елецтрон Форге у свој пројекат:
$ нпк @ елецтрон-форге / цли @ најновији увозТребали бисте видети неке резултате попут овог:
✔ Провера система✔ Иницијализација Гит спремишта
✔ Писање модификованог пакета.јсон датотеку
✔ Инсталирање зависности
✔ Писање модификованог пакета.јсон датотеку
✔ Фиксирање .гитигноре
ПОКУШАЛИ смо да претворимо вашу апликацију у формат који електронски ковач разуме.
Хвала што користите „елецтрон-форге“!!!
Прегледајте „пакет.јсон “и уредите или уклоните уносе из одељака„ творци “према вашим потребама. На пример, ако не желите да направите „РПМ“ датотеку, уклоните унос везан за изградњу „РПМ“ пакета.
Покрените следећу наредбу за изградњу апликационог пакета:
$ нпм покрени макеТребали бисте добити неке сличне резултате:
> хелловорлд @ 1.0.0 маке / хоме / нит / ХеллоВорлд> марка електрона
✔ Провера система
✔ Решавање Форге Цонфиг-а
Морамо да спакујемо вашу пријаву пре него што успемо да је поднесемо
✔ Припрема за пакетну пријаву за арцх: к64
✔ Припрема изворних зависности
✔ Апликација за паковање
Израда за следеће циљеве: деб
✔ Израда циља: деб - На платформи: линук - За арцх: к64
Уредио сам „пакет.јсон “за изградњу само пакета„ ДЕБ “. Изграђене пакете можете пронаћи у фасцикли „оут“ која се налази унутар директоријума вашег пројекта.
Закључак
Елецтрон је одличан за стварање вишеплатформских апликација заснованих на једној бази кодова са мањим променама специфичним за ОС. Има својих проблема, најважнији од њих је потрошња ресурса. Будући да се све приказује у самосталном прегледачу, а нови прозор прегледача се покреће са сваком Елецтрон апликацијом, ове апликације могу да захтевају велике ресурсе у поређењу са другим апликацијама које користе матичне алате за развој специфичних за ОС.
