Js windows. Aplikacja javascript dla windows

Chociaż Node jest znany jako platforma serwerowa, zainteresowanie wykorzystaniem go do budowania aplikacji desktopowych OS Windows rośnie w szybkim tempie. Istnieją wiązania dla zestawów narzędzi GUI, takich jak GTK+, QT i Cocoa. Jednak jedną z zalet Node do tworzenia stron internetowych jest to, że pozwala używać tego samego języka zarówno na serwerze, jak i na kliencie. Dobrze współpracował z powłoką przeglądarki internetowej, aby opracować międzyplatformowe aplikacje i gry desktopowe JS Windows przy użyciu WebGL z HTML, CSS i JS.

Krótka historia kodeksu

JavaScript zawsze był był językiem programowania a raczej język skryptowy w internecie. Po raz pierwszy został wprowadzony w 1995 roku i nie nazywał się wtedy JS Windows. W czasie swojego wczesnego rozwoju nazywała się Mocha, co było zabawą z Javą, najpopularniejszym językiem programowania dla serwerów internetowych w tamtym czasie. Następnie w przeglądarce internetowej Netscape Navigator zmieniono go na JavaScript. Ostatecznie został on później przemianowany na JavaScript o bardzo ograniczonym zakresie.

JavaScript w przeglądarce internetowej Netscape Navigator

Dzięki ulepszeniom w specyfikacji ECMAScript, JS stał się nowoczesnym językiem programowania w przeglądarce. Jego dostępność i wszechobecność uczyniła go jednym z trzech filarów Internetu, obok HTML i CSS. Niemniej jednak, obecny poziom wykorzystania IT wymaga, aby działał on poza przeglądarką.

Tak więc w 2009 roku Ryan Dahl zainicjował Node, darmowe środowisko wykonawcze JavaScript o otwartym kodzie źródłowym, które umożliwia uruchamianie JS poza przeglądarką jako JS Windows. Napisany kod JS działa w każdym systemie operacyjnym, w którym zainstalowany jest Node, dzięki czemu aspekt cross-platformowy Internetu jest dostępny dla wszystkich.

Zasada działania

Jak to działa

Węzeł.js dostarcza API, które nie są dostępne w środowisku przeglądarki. Ma mniej ograniczeń. Na przykład, używa API systemu plików, aby uzyskać dostęp i kontrolować system operacyjny. Zapewnia deweloperowi podstawowe operacje CRUD: tworzenie, odczyt, aktualizację i usuwanie. Ze względów bezpieczeństwa nie można tego robić w przeglądarkach. W rzeczywistości, JavaScript staje się bardziej potężną i niebezpieczną aplikacją.

Zdarzają się sytuacje, w których użytkownik musi włączyć zewnętrzny kod do własnego programu. Na przykład, jeśli używasz jQuery, wstawiany jest usunięty tag, który importuje funkcjonalność aplikacji. To samo dotyczy zwykłych skryptów, które użytkownicy piszą sami. Możesz po prostu zaimportować dowolny plik JS z usuniętym tagiem. Jednak może to stać się uciążliwe i setki zależności muszą być zarządzane ręcznie.

W tym przypadku węzeł.js przychodzi na ratunek. Jak? Przed zainstalowaniem Node JS w systemie Windows lub innym systemie operacyjnym nie są wymagane żadne aktualizacje sprzętowe, ponieważ oprogramowanie zapewnia łatwy sposób zarządzania zależnościami. Jest dostarczany z menedżerem pakietów (NPM). Użyj go do importowania zewnętrznych danych do niestandardowych projektów jako zależności.

Obszary zastosowań pakietów:

  1. Serwery.
  2. Zarządzanie bazą danych.
  3. Aplikacje internetowe.
  4. Aplikacje desktopowe i mobilne.
  5. Robotyka.

Charakterystyka:

  1. Szybkie wykonywanie kodu.
  2. Wysoka skalowalność.
  3. Wielofunkcyjność i asynchroniczność.
  4. Brak buforowania.

Porównanie: Węzeł.js i JavaScript

Porównanie: Node.js vs

Przeglądarki mają wbudowany interpreter dla JS. Node jest zarówno środowiskiem dla niego, jak i zawiera zestaw bibliotek do wykorzystania JS jako języka programowania ogólnego przeznaczenia, z naciskiem na operacje asynchroniczne i nieblokujące. W rzeczywistości kod uruchamia ten sam interpreter, co Google Chrome (V8), ale zapewnia inny zestaw bibliotek i inne środowisko wykonawcze. Zawiera również system zarządzania pakietami (NPM) i kilka rozszerzeń językowych, których przeglądarki nie mają, takich jak moduły.

Tak więc interpreter JS w Google Chrome i program JS dla aplikacji Windows w Node są w zasadzie takie same. Różnica polega na tym, że w przeglądarce ostatecznym celem jest modyfikacja zawartości strony internetowej - tekstu, grafiki, arkuszy stylów itp. - podczas gdy w Js ostatecznym celem jest uruchomienie kodu ogólnego przeznaczenia, który może zrobić wszystko (od aktywacji serwera internetowego do manipulacji plikami).

Narzędzia do komputerów stacjonarnych

Każda istniejąca aplikacja internetowa jest odpowiednia, aby stać się jedną z nich. Możesz go zbudować z kodu, który skorzystałby z integracji z systemem użytkownika, od powiadomień o starcie do interakcji z plikami i innymi programami, których potrzebujesz. Niektórzy ludzie po prostu wolą mieć pewne aplikacje na swoim komputerze przez cały czas, dostępne niezależnie od tego, czy są podłączeni, czy nie.

Aplikacje desktopowe

Łatwo jest stworzyć potężne narzędzie desktopowe przy użyciu technologii internetowych, takich jak NW.js.Te programy istnieją już od dawna. W 2011 roku w Szanghaju Roger Wang z Intel Open Source Technology Center napisał node-webkit, moduł do testu koncepcja, która pozwala użytkownikowi na stworzenie okna przeglądarki i Node.

Po pewnym postępie i odejściu od WebKit i Chromium, oprogramowania open source, na którym opiera się Google Chrome, do projektu dołączył Chen Zhao. Razem stworzyli środowisko uruchomienia aplikacji na Node i Chromium. Projekt node-webkit stał się dość popularny i został później przemianowany na NW.js.

Kiedy go pobierzesz, w rzeczywistości uruchomisz Chromium plus Node.js, jak również sam kod aplikacji. Oznacza to nie tylko, że oprogramowanie na pulpit może być utworzony przy użyciu HTML, CSS i JavaScript, ale będzie miał również dostęp do wszystkich API Node, takich jak odczyt i zapis na dysku.

Oba projekty są oparte na Chromium i Node, więc można pisać aplikacje desktopowe używając ich na poziomie systemu i technologii webowych dla poziomu GUI.

Technologie dla warstwy GUI

Electron ma kilka zalet:

  1. Większa popularność wśród deweloperów.
  2. Ma lepsze wsparcie korporacyjne. Github i Microsoft stoją za Electronem, a NW.Intel sponsorował js.
  3. Oferuje mechanizm automatycznej aktualizacji po wyjęciu z pudełka.
  4. Proces budowania go jest nieco prostszy, ponieważ nie musisz łączyć wszystkich Chromium.

Zalety NW.słoiki:

  1. Wsparcie dla starszych systemów: Windows XP i starszych wersji Mac OS. Co prawda Microsoft porzucił wsparcie dla XP, ale wielu użytkowników nadal go używa, więc ta usługa jest niezbędna.
  2. Rekordem głównym aplikacji może być zarówno strona HTML jak i plik Node.js.
  3. Jest bardziej zorientowany na przeglądarkę.
  4. Podejście jest znacznie prostsze i łatwiejsze do zrozumienia. Daje on użytkownikom wiele możliwości.
  5. Konteksty odrębne i mieszane.
  6. Posiada prosty, ale potężny mechanizm dotyczący kontekstu JavaScript, oraz "Elektronicznie" ma dwa oddzielne konteksty podstawowy i renderowania, które są całkowicie oddzielne.
  7. Obsługa rozszerzeń Chrome i API Chrome. Co więcej, aplikacje i rozszerzenia mogą być uruchamiane "Chrom" z NW.js. "Elektron" Nie może i nie chce tego zrobić.
  8. Obsługa plików PDF "poza pudełkiem", Używanie własnej wtyczki PDF w Chrome.
  9. Posiada narzędzie do ochrony źródła. Pozwala skompilować JavaScript do kodu bajtowego V8.
  10. Wykorzystuje najnowszą wersję Chromium
  11. Możesz używać oprogramowania bez Dev Tools.
  12. Obsługa przełączników linii poleceń Chromium. Więcej informacji można uzyskać w NW.dokumentacja js. Przełączniki te mogą być wykorzystane do dostosowania wydajności.
  13. Najlepszy model bezpieczeństwa dla aplikacji desktopowych. Chrome (i przeglądarki internetowe w ogóle) są nieco ograniczone przez naturę doświadczenia użytkownika. NW.js zapewnia inny model, który omija wszystkie ograniczenia bezpieczeństwa, takie jak sandboxing.

Rozpoczęcie pracy z programem

Rozpoczęcie pracy z oprogramowaniem

Do pobrania dostępne są dwie wersje Node.js. Na początku nie ma znaczenia, który z nich wybierzesz. Wersja z długoterminowym wsparciem jest uważana za najbardziej stabilną. Jest on aktualizowany tylko wtedy, gdy jest to konieczne do poprawienia błędów i podstawowej konserwacji. Ta wersja jest preferowana w środowiskach produkcyjnych i jest znacznie bardziej stabilna. Często jest naszpikowany nowymi funkcjami.

Dzięki szybszemu cyklowi aktualizacji, oprogramowanie posiada najbardziej aktualne API i technologie dla programistów. Po zainstalowaniu można go przetestować, otwierając wiersz poleceń.

Po aktywacji oprogramowania można uruchomić interpreter JavaScript. W tym momencie Node pozwala na pisanie JS w konsoli DevTools, w linii poleceń. Aby wyjść z interpretera, naciśnij dwukrotnie "Ctrl + C" i wpisz exit.

Możesz wprowadzić cały potrzebny JavaScript do interpretera. Najpierw upewnij się, że użytkownik jest w katalogu z plikiem, napisz: cd /path/to/the/file i poczekaj na otwarcie katalogu. Następnie wpisujemy "node", aby uruchomić plik. Na przykład, wpisując "node filename.js", aby aktywować "filename.js". Można pominąć .rozszerzenie pliku js poprzez wpisanie "node filename". Węzeł zakłada, że "filename" jest plikiem JS.

Podstawy NPM

Węzeł.js pozwala na uruchomienie JavaScript poza przeglądarką. Aby pomóc w zarządzaniu zewnętrznymi zależnościami, instalacja jest dostarczana z NPM. Oprócz przechowywania metadanych projektu, pakiet.plik json śledzi również te zależności. Oficjalna dokumentacja Node jest podstawowym odniesieniem materiał dla wszystko o oprogramowaniu.

Kod można podzielić na moduły importowane i eksportowane. NPM zapewnia prostszy sposób zarządzania zależnościami. Załóżmy, że musisz użyć Lodash w swoim kodzie. Najpierw zainicjuj nowy projekt, uruchamiając npm init w katalogu projektu. Na żądanie wypełnia wymagane informacje o opakowaniu.json. To tutaj przechowywane są wszystkie metadane.

Załaduj Lodash

Zakładając, że użytkownik jest we właściwym katalogu, zrób to, uruchamiając npm install lodash. Zależność jest ładowana do folderu o nazwie node_modules. Ma tendencję do gromadzenia wielu plików, gdy tylko więcej zależności zostanie wprowadzonych do projektu. Po zainstalowaniu Lodash, utwórz plik JS w bieżącym katalogu, który używa Lo Dash. Importuje on Lodash poprzez wywołanie funkcji require.

Podstawy NPM

Jak już wcześniej wspomniano, Node.js zapewnia API. Jest to wbudowany moduł, który jest dostarczany z każdą instalacją. Możesz zaimportować ten kod również poprzez wywołanie. Plik JS zapisze Hello World w tekście o nazwie dev do.txt.

To fs.Metoda writeFile jest tylko jedną z wielu funkcji fs oferowanych przez. Wszystkie dostępne metody i właściwości API są opisane w dokumentacji.

Moduły eksportowe

Jeśli chcesz zaimportować własny kod z różnych plików, JS najpierw wyeksportuje kod pliku JavaScript. Następnie, używając funkcji require, załaduj go do innego. W rzeczywistości nie jest to tak zagmatwane, jak się wydaje.

Załóżmy, że w tym samym katalogu znajdują się cztery pliki JS o nazwie index.js, dodać.js, nazwa użytkownika.js i pies.js. Zadanie dodawania.js jest dostarczenie funkcji, która zwraca sumę dwóch wejść. Można go wyeksportować przypisując parametr add do modułu.eksporty nieruchomości.

Nazwa użytkownika pracy.js jest wyeksportowanie ciągu Some Dood. Albo cokolwiek innego. odnosi się do, który może przypisać wartość dowolnego typu modułu.wywozy. Oznacza to eksportowanie ciągów znaków, liczb, wartości logicznych, symboli, funkcji, klas, tablic i obiektów.

Moduły eksportowe

Możliwe jest nazwanie tych trzech plików indeksowych.js używając funkcji require. Musi podać bezwzględne lub względne ścieżki, aby wyraźnie określić węzeł.js, które importują z plików, a nie z wbudowanych modułów lub z folderu node_modules projektu, można to pominąć .rozszerzenie js. Funkcja "wymagane" zwraca rzeczywistą wartość, która została przypisana do odpowiedniego modułu.plik eksportu.

Zainstaluj i uruchom aplikację

Bardzo prostym pierwszym krokiem w świat JS jest użycie linii poleceń i napisanie pierwszego kawałka Node`a.

Algorytm uruchamiania skryptu JS w systemie Windows:

  1. Pobierz najnowszą wersję programu, np. V6.2.2.
  2. Node npm install, postępując zgodnie z instrukcjami.
  3. Po zakończeniu aktywacji należy odnaleźć ikonę w polu wyszukiwania systemu Windows i otworzyć.
  4. Teraz możesz przejść dalej, wykonać kilka obliczeń i spróbować wydrukować wiadomości na konsoli.
  5. Działania te pokażą, że węzeł został pomyślnie zainstalowany w systemie i działa poprawnie.
  6. Naciśnij Ctrl + C dwa razy, aby wyjść z węzła i ponownie uzyskać ścieżkę katalogu.
  7. Skonfiguruj środowisko wiersza poleceń systemu Windows dla aplikacji.
  8. Pobierz i uruchom instalację ze strony dewelopera JS Windows open.
  9. Uruchamia cmd.exe.
  10. Naciśnij Windows + R na klawiaturze.
  11. Wpisz cmd i naciśnij enter.
  12. Sprawdź czy węzeł został pomyślnie zainstalowany wpisując node -v, powinien odpowiedzieć "v #. #. #", gdzie "#" oznacza liczbę
  13. Uruchom ponownie komputer, jeśli -v host nie odpowiada poprawnie.
  14. Spróbuj automatycznie zainstalować wszystkie zależności za pomocą polecenia npm install.
  15. Uruchomić serwer poprzez uruchomienie "aplikacji węzła" w katalogu głównym serwera.

Jeśli poprzedni krok nie powiódł się, zainstaluj zależność ręcznie, wykonując następujące polecenia:

  • "npm install";
  • "npm install express -g";
  • "npm install url -g";
  • "npm install fresh -g";
  • "npm install cookie -g";
  • "npm install crc -g";
  • "npm install send -g";
  • "npm install connect -g";
  • "npm install commander -g".

Konfiguracja Node JS Windows 10

Konfiguracja Node JS Windows 10

Rozwój z js dla Windows był kiedyś dość kłopotliwy, ale teraz jest o wiele łatwiejszy. Posiadać najnowsze narzędzia i aplikacje dostępne w sieci, z możliwością korzystania z wersji 64-bitowej.

Algorytm instalacji:

  1. Zainstaluj Git używając domyślnych ustawień.
  2. Zlokalizuj folder Projects w swoim katalogu domowym. Jeśli nie istnieje, utwórz go wstępnie dla projektu.
  3. Kliknij prawym przyciskiem myszy na folder, wybierz Git bash here i sprawdź wersję git wpisując: git-version.
  4. Utwórz .bash_profile, który zostanie wykonany po otwarciu okna bash. To nie jest okno cmd.exe, więc sprawdź parametry. Kliknij na ikonę w lewym górnym rogu. Możliwość wstawiania tekstu środkowym przyciskiem myszy, jak na popularnych terminalach Linuksa.
  5. Zainstaluj węzeł.js na Windows 10 przy użyciu wersji LTS. Nie zaleca się aktywowania wielu wersji w tym samym czasie, ponieważ menedżer węzłów (NVM) nie obsługuje oficjalnie systemu Windows, ale istnieją alternatywy, takie jak nvm-windows lub nodist.
  6. Node jest dostarczany z npm, menedżerem pakietów, który jest dostępny po instalacji.
  7. Otwórz powłokę bash i sprawdź wersje używając: npm --version. Jeśli npm jest 2.x, powinien zostać zaktualizowany do wersji 3, która rozwiązuje wiele problemów, np. obsługuje zależności peer.
  8. Znajdź Powershell w menu Start, uruchom go jako administrator i zainstaluj npm, menedżera pakietów w Windows 10.
  9. Aktywuj Visual Studio i Python. Pakiety Node zazwyczaj zależą od pakietów z własnym kodem, więc Visual Studio musi być zainstalowane.Node-gyp jest powłoką dla Pythona GYP. Generuje pliki projektów dla Gcc, XCode i Visual Studio.
  10. Zainstaluj Pythona pobierając gałąź x64. Możesz udać się do z ustawieniami domyślnymi, i wybierz opcję "Add to Path". To doda binarny Python do globalnej ścieżki, co oznacza, że w końcu będziesz musiał się wylogować i zalogować ponownie.
  11. Visual Studio instaluje się.

Ogólnie rzecz biorąc, projekty "Node.js są silnie uzależnione od zmiennych środowiskowych. W sekcji skryptów pakietu.json może korzystać z lokalnie zainstalowanych modułów node. Zaleca się, aby nie aktywować pakietów globalnie za pomocą npm -g.

Podsumowując: Dzięki Node tworzenie aplikacji desktopowych przy użyciu HTML, CSS i JavaScript wygląda obiecująco. A narzędzia takie jak Spotify, Light Table i Brackets wykorzystują narzędzia renderujące przeglądarki open source. Dzięki node-webkit i atom-shell programiści mogą łatwo importować aplikacje internetowe na pulpit i stosować moduły Node i npm w specyficznym dla danej lokalizacji interfejsie JS Windows.

Artykuły na ten temat