Nuxt.js to framework JavaScript zaprojektowany do szybkiego tworzenia uniwersalnych aplikacji Vue.js. Najbardziej znany jest ze zdolności tworzenia aplikacji Vue.js, które mogą być renderowane zarówno na serwerze, jak i na kliencie. W tym samouczku będziemy konfigurować renderowaną przez serwer aplikację Nuxt.js i wdrażać ją na Ubuntu 18.04 LTS.
Po pierwsze, musisz upewnić się, że korzystasz z Ubuntu 18.04 LTS. Następnie musisz zainstalować Node.js, jeśli nie jest jeszcze zainstalowany. W tym samouczku wykorzystamy Node Version Manager lub NVM, aby znacznie ułatwić ten proces.
Zainstaluj NVM za pomocą następujących poleceń.
curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh -o install_nvm.sh
bash install_nvm.sh
source ~/.profile
nvm install 11.1.0
nvm use 11.1.0
Po zainstalowaniu Node.js możemy teraz przystąpić do konfigurowania pakietów, które będą nam potrzebne przy użyciu NPM. Będziemy korzystać z małego poręcznego narzędzia o nazwie create-nuxt-appCommunity, które może łatwo tworzyć aplikacje Nuxt.js.
W katalogu głównym uruchom następujące polecenie, aby rozpocząć generowanie aplikacji.
npx create-nuxt-app <nameofproject>
Konsola wyświetli monit o kilka ważnych opcji. Na potrzeby tego samouczka nazwiemy nasz projekt „ app”. Będziemy używać Express jako naszej niestandardowej struktury serwera i będziemy uruchamiać aplikację w trybie uniwersalnym, co gwarantuje, że będziemy renderować naszą stronę internetową na serwerze. Po określeniu wszystkich wymaganych uprawnień rozpocznie się proces instalacji i zostaną utworzone wszystkie pliki konfiguracyjne.
Po pobraniu wszystkiego zmień katalogi na właśnie utworzony folder.
cd app
Teraz możemy uruchomić serwer programistyczny Nuxt.js.
npm run dev
To polecenie zbuduje witrynę przy użyciu pakietu WWW, który jest pakietem modułów, i będzie obsługiwać witrynę na porcie hosta lokalnego, którym zwykle będzie port 3000. Zapewni to również dostęp do modułów ponownego ładowania na gorąco, co usunie potrzebę ponownego uruchamiania aplikacji za każdym razem, gdy zmienisz plik. Ponieważ uruchamiamy aplikację w trybie uniwersalnym, aplikacja będzie się kompilować zarówno na kliencie, jak i na serwerze. Teraz twoja aplikacja będzie działać na porcie 3000.
Tryb programowania jest bardzo przydatny, gdy aktywnie rozwijasz swoją aplikację. Jednak gdy będziesz gotowy upublicznić swoją aplikację, dodatki takie jak ponowne ładowanie na gorąco i narzędzia programistyczne stają się mniej ważne. Dlatego będziemy chcieli raz zbudować naszą aplikację dla środowiska produkcyjnego. Na szczęście Nuxt.js zawiera narzędzie, którego możemy użyć do szybkiego zbudowania modułów naszej aplikacji do produkcji. Uruchom następujące polecenie, aby rozpocząć proces kompilacji produkcyjnej.
npm run build
Zasadniczo kompilujemy wszystkie nasze moduły webpack z optymalizacjami do produkcji.
Po zakończeniu kompilacji będziesz mógł uruchomić witrynę w celu produkcji.
npm start
Teraz, jeśli http://yourip:3000przejdziesz do, zobaczysz ekran powitalny Nuxt.js, który potwierdza, że pracujesz w trybie produkcyjnym.
Teraz rozumiemy podstawy działania naszej aplikacji do produkcji. Jeśli chodzi o środowisko produkcyjne, wolelibyśmy dobry sposób na ciągłe działanie naszej aplikacji, automatyczne ponowne uruchamianie aplikacji w razie potrzeby i monitorowanie jej zasobów. Właśnie tam pojawia się Process Manager 2 (PM2). PM2 to menedżer procesów Node.js dla aplikacji produkcyjnych, który zawiera wiele ważnych narzędzi produkcyjnych, takich jak równoważenie obciążenia, zaawansowane dzienniki, skrypty startowe i wiele innych. Najpierw zainstaluj PM2.
npm install pm2 -g
To instaluje PM2 globalnie, dzięki czemu możemy go używać w dowolnym miejscu na naszym serwerze. Po zakończeniu pobierania PM2 możemy uruchomić naszą aplikację.
pm2 start <appfolder>/server/index.js
Zauważ, że uruchamiamy plik serwera, który znajduje się w katalogu głównym naszej aplikacji.
Jeśli chcesz wyświetlić zasoby, które zużywa Twoja aplikacja, możesz to zrobić za pomocą pm2 monitpolecenia. Spowoduje to wyświetlenie interfejsu podobnego do interfejsu ncurses, w którym możesz precyzyjnie zbierać dane o pamięci RAM, procesorze i użyciu aplikacji.
Do tej pory twoja aplikacja będzie działała dokładnie tak, jak wtedy, gdy wcześniej ją uruchomiliśmy z npm, z tym wyjątkiem, że mamy znacznie większą kontrolę, jeśli chodzi o optymalizacje produkcji.
Masz teraz kompilację aplikacji Nuxt.js, która jest wdrażana do produkcji przy użyciu Node.js i Ubuntu 18.04. Jeśli chcesz dowiedzieć się więcej o Nuxt i wszystkich jego szczegółowych funkcjach, odwiedź ich oficjalną dokumentację .
LiteCart to darmowa i otwarta platforma koszyka na zakupy napisana w PHP, jQuery i HTML 5. Jest to prosty, lekki i łatwy w użyciu program do handlu elektronicznego
Używasz innego systemu? Anchor CMS to bardzo prosty i niezwykle lekki, darmowy i otwarty system zarządzania treścią (CMS) Blog Engine, który
NFS to oparty na sieci system plików, który umożliwia komputerom dostęp do plików w sieci komputerowej. Ten przewodnik wyjaśnia, w jaki sposób możesz udostępniać foldery w NF
Używasz innego systemu? Matomo (wcześniej Piwik) to platforma analityczna typu open source, otwarta alternatywa dla Google Analytics. Źródło Matomo jest hostowane o
TeamTalk to system konferencyjny, który pozwala użytkownikom na wysokiej jakości rozmowy audio / wideo, czat tekstowy, przesyłanie plików i udostępnianie ekranów. To ja
Vultr oferuje kilka różnych sposobów uzyskiwania dostępu do VPS w celu konfiguracji, instalacji i użytkowania. Poświadczenia dostępu Domyślne poświadczenia dostępu dla twojego VPS ar
Ranger to oparty na linii poleceń menedżer plików z powiązaniami klawiszy VI. Zapewnia minimalistyczny i ładny interfejs curses z widokiem na hierarchię katalogów
Wprowadzenie RethinkDB to baza danych NoSQL, która przechowuje dane jako dokumenty JSON. Ma bardzo intuicyjny język zapytań i funkcje powszechnie dostępne
Niezależnie od tego, czy chcesz umieścić zapasy sklepów online, czy po prostu prosty sklep z akcesoriami technicznymi, Magento jest doskonałym rozwiązaniem dla eCommerce online. Ten artykuł
Używasz innego systemu? Brotli to nowa metoda kompresji z lepszym współczynnikiem kompresji niż GZIP. Jego kod źródłowy jest publicznie hostowany na tym Githu
Wprowadzenie MySQL ma świetną funkcję znaną jako widoki. Widoki są przechowywane zapytania. Pomyśl o nich jako o aliasie dla długiego zapytania. W tym przewodniku
Zezwolenie na logowanie roota przez SSH jest powszechnie uważane za słabą praktykę bezpieczeństwa w branży technologicznej. Zamiast tego możesz wykonać delikatną administrację
Neos to innowacyjny system zarządzania treścią typu open source, który doskonale nadaje się do tworzenia i edytowania treści online. Z myślą o autorach i redaktorach, Neo
Vtiger CRM to popularna aplikacja do zarządzania relacjami z klientami, która może pomóc przedsiębiorstwom zwiększyć sprzedaż, zapewnić obsługę klienta i zwiększyć zyski. ja
Używasz innego systemu? DokuWiki to program wiki typu open source napisany w PHP, który nie wymaga bazy danych. Przechowuje dane w plikach tekstowych. DokuWik
W tym artykule dowiesz się, jak skonfigurować więzienie chroot w Debianie. Zakładam, że używasz Debiana 7.x. Jeśli używasz Debiana 6 lub 8, może to działać, bu
Wprowadzenie Prostym sposobem na skonfigurowanie serwera VPN na Debianie jest PiVPN. PiVPN to instalator i opakowanie dla OpenVPN. Tworzy proste polecenia dla ciebie
MaraDNS to lekki, ale solidny program serwera DNS typu open source. W porównaniu z innymi aplikacjami tego samego rodzaju, takimi jak ISC BIND, PowerDNS i djbdns
Używasz innego systemu? Wprowadzenie CyberPanel jest jednym z pierwszych paneli sterowania na rynku, który jest zarówno open source, jak i wykorzystuje OpenLiteSpeed. Co ty?
Używasz innego systemu? NodeBB jest forum opartym na Node.js. Wykorzystuje gniazda sieciowe do natychmiastowych interakcji i powiadomień w czasie rzeczywistym. Kod źródłowy NodeBB i
Przeczytaj blog, aby w najprostszy sposób poznać różne warstwy w architekturze Big Data i ich funkcjonalności.
Chcesz zobaczyć rewolucyjne wynalazki Google i jak te wynalazki zmieniły życie każdego człowieka dzisiaj? Następnie czytaj na blogu, aby zobaczyć wynalazki Google.
13 komercyjnych narzędzi do ekstrakcji danych z Big Data
Whatsapp w końcu uruchomił aplikację Desktop dla użytkowników komputerów Mac i Windows. Teraz możesz łatwo uzyskać dostęp do Whatsapp z systemu Windows lub Mac. Dostępne dla Windows 8+ i Mac OS 10.9+
Energia jądrowa jest zawsze pogardzana, nigdy jej nie szanujemy z powodu przeszłych wydarzeń, ale nie zawsze jest zła. Przeczytaj post, aby dowiedzieć się więcej na ten temat.
Koncepcja autonomicznych samochodów, które wyjadą na drogi za pomocą sztucznej inteligencji, to marzenie, które mamy już od jakiegoś czasu. Ale pomimo kilku obietnic nigdzie ich nie widać. Przeczytaj ten blog, aby dowiedzieć się więcej…
Wzrasta liczba ataków ransomware, ale czy sztuczna inteligencja może pomóc w radzeniu sobie z najnowszym wirusem komputerowym? Czy AI jest odpowiedzią? Przeczytaj tutaj, wiedz, że sztuczna inteligencja jest zmorą lub zgubą
Sztuczna inteligencja nie jest dla ludzi nową nazwą. Ponieważ sztuczna inteligencja jest włączona do każdego strumienia, jednym z nich jest opracowywanie narzędzi zwiększających ludzką wydajność i dokładność. Skorzystaj z tych niesamowitych narzędzi uczenia maszynowego i uprość swoje codzienne zadania.
Zawsze potrzebujemy Big Data Analytics do efektywnego zarządzania danymi. W tym artykule omówiliśmy kilka technik analizy Big Data. Sprawdź ten artykuł.
Czy jesteś również ofiarą ataków DDOS i nie masz pewności co do metod zapobiegania? Przeczytaj ten artykuł, aby rozwiązać swoje pytania.
