Смотреть видео: Vue.js — Создание веб-приложения — Результат и деплой SPA приложения на хостинг


6 372 просмотра
Краткое описание видео: .приветствую всех друзья в этом видео мы.подведем итоги того что мы сделали в.конце видео поговорим правда play и.право конфигурации firewalls так вот я.уже залил все нахуй станка принципе.текущее приложение уже доступно по.адресу.выбрали . и поэтому можете зайти.протестировать так вот что мы собственно.говоря сделали.нафармить индии мы использовали в.нью-джерси связке с стилями от.фреймворка и и не то есть отсюда мы.использовали как растут исключительно.стиля все сами мы делали посредством.джесс также мы полностью настроили.fireplace настроили вывод ошибок и так.далее также мы подключили валидацию то.есть если сейчас мы попробуем.зарегистрировать и далее укажем ему.неправильный email.то у нас сразу же вылезет ошибка которую.мы настроили через в июле дейт о том что.email на коррекцию также если мы видим.какой-то пароль который не соответствует.нужно или нет а у нас также вылетит.ошибка более того если у нас как будут.каким-то образом не совпадать по роли то.нас точно также будет ошибкой теперь.попробуем отправить e-mail который уже.зарегистрирован в системе то есть.текущий e-mail адрес магистре равале как.раз таки когда настраивали firebase не.попробуем его отправить и и у нас сразу.же вылетает ошибка о том что такое mail.уже используется.и то же самое если мы пройдем на это.плагина попробуем ввести какой-нибудь.неправильный пароль или для начала.давайте попробуем вообще пароль вводить.то он сразу срабатывает ошибка которую.мы настроим люблю видите о том что по.рулю нас видел некорректный и сейчас.если мы попробуем ввести неправильный.пароль то у вас придет ошибка за как раз.таки с firebase а на том что у нас порой.инвалидной попробуем зарегистрировать.нового пользователя напишем тест 222.так и не зная mail скопирую что потом.еще одного пользователя зарегистрирован.и мы попадаем на стартовую страницу.нашего приложения единственное у меня.здесь написано нацию поскольку нету.скажите теперь с протокола но это никак.не относится к текущему приложения так.вот попробуем вбить какой-нибудь сериал.например над нашим lost какой-нибудь.дискрипшн.и далее мы настроили патч от времени то.есть если это у нас сериал то у нас.считается время уточнение среда фильм то.у нас считается реально фильма.если же слюна считается время для.сериала то есть напишем 5 сезонов 11.серии.и пускай будет сети по 56 минут и нам.автоматически просчиталась время также.мы настроили т.д..то есть напишем даже парочку выберем эти.теги и отправим их и у нас все точно.также перешло нашу библиотеку где у нас.есть текущий сериал где у нас указано.время указано то что мы выбрали то есть.могло бы сериал.указано название точно также выводятся.теги как только мы его отмечаем какую.полу у нас сразу переходит в completo.какой-нибудь добавим и теперь у нас уже.фильм с текущим временем на фильма и.точно также во всех задачах у нас есть.принципе выполнены который мы например.уже посмотрели.то есть подразумевается и также текущей.которое мы только что добавили.теперь попробуем зайти под другим.пользователям для этого.зарегистрированного и он она сразу.залогиниваться мы кстати также настроили.показ лагина от сервера поскольку у нас.все действо являются синхронными и мы.соответственно можем выводить.тот факт что когда идет загрузка никогда.ее нет то есть если мы сейчас попробуем.залогиниться то сразу же появляется.загрузка так вот на но пользователи если.мама объем какой-нибудь 2 там и уже.соответственно не видим тех task-ов.которые были на предыдущих пользователя.мы видим исключительно те томске которые.у нас есть текущего пользователя не.точно также принципе как это гены не.видим теги который создавал какой-то.другой пользователь мы видим только свои.итоге вот принципе что мы и сделали.также весь исходной проекте есть на.гитхабе и проект полностью открытый вы.его можете фармить после чего скачайте.своего репозитория и далее перейти в.настройки файла менеджер с не смогут.файл конфигурации на те конфигурации.которые будут ваши файлы.а точнее вашем проекте который вы.создадите.станционный как раз firebase а также.весь исходный код прокомментирован.поэтому может с ним делать все что.угодно и меня будет также приятно если.вы поставите звездочку на текущий проект.так вот теперь собственно говоря.перейдем firebase и я покажу принципе.как его можно нужно будет настроить.то есть прежде.чем перейти непосредственно тепло и нам.нужно его настроить.а именно настроить права использование.для этого переходим в базу данных.где у нас в принципе есть как тэги так и.тоски в которых у нас находятся все наши.теги и принципе все наши доски так вот.дальше в правилах поскольку у нас.принципе как такового нету самой ссылки.на пользователи то есть у нас сразу же.идут на таски.напросто иерархия поэтому строила мы.тоже не будем ничего такого за умного.делать мы просто подключим для наших.танков и для наших тегов рид.еврей только тогда когда у нас будет ю ю.а иди не равен null.то есть когда он из пользователь.зарегистрирован он может как и считывать.данные так их как-то изменять.соответственно незарегистрированный.пользователь этого сделать не может.можно написать также что-то иди еще.потяжелее и я принципе оставлю две.статьи под видео и можете почитать.подробнее про.настройке правил или наверное потом.как-нибудь запишу отдельное видео именно.по правилам в real-time data вы из ее.также по правилам как раз keep out for.sale вот принципе и все теперь можно.перейти к хостингу и тут есть два.варианта того как можно разместить.приложение насилию то есть нам first он.предлагает разместить свое приложение.подрастите на его хостинге и мы сначала.попробуем и на этот вариант нажимаем.начать.дальше он говорит о том что вам нужно.прописать глобальном fire & bass туз для.этого я поведу в терминал.после чего глобальную установлю firebee.стул.далее как только for bass установился.нажимаем продолжить и он нам предлагает.залогиниться но прежде чем залогиниться.давайте соберем наш проект про пишу.команду текущая команда у нас описано в.эти джейсон вот она у нас она у нас.поднимает модулю и далее запускаем файл.конфигурации wear пока к краске избил до.берджесс и так как только наш проект с.огромным в принципе рэпак выдает.предупреждение о том что для нашего.проекта можно наш тебе сервер и также.что индекс html если просто будет.открыта правой святого на работать не.будет переняв пожалованных html.посмотрим что у нас появилось активист.здесь у нас есть винт xhtml.так единственное концом сел максимально.большой потому что дальше мы с ним будем.работать и вот они принципе все файлы.java script at которые фигурировали в.папке статей и так же исчез с которой у.нас подключен начали гopoд нам сделал.все самостоятельно нам не нужно ничего.прописывать и также он добавил префиксы.префиксы ко всем файлам чтобы случай.если мы будем да твой второй раз чтобы.мы не заморачивались по поводу кеша и.пожалуй начнем доплыть наше приложение.напишем fire bass логин.для начала нужно залогиниться у меня же.вам показывает что я уже залогинен если.вы не залогинены тогда вам нужно будет.пройти логин там принципе нет ничего.сложного просто дайте разрешение файла с.силой чтобы она могла работать с нашим.firebase проектов далее пишем firebase.не нет то есть инициализируем наше.приложение и дальше поскольку мы будем.доплыть наше приложение мы выбираем.хостинг нажимаем пробел выбирал и кстати.стрелочками после чего нажимаем enter и.здесь же мы выбираем тайной брейере то.есть это тот самый проект то есть это.тот самый проект которую мы принципе.создавали.нажимаем энтер на решен спрашивает у нас.какую baby свой точнее как у в.директорию мы хотим использовать к.публичную.если на этом этапе мы создадим точнее.напишем public то у нас ничего работать.не будет потому что нам нужно как раз.таки папка dist которые по умолчанию.создает випок поэтому здесь вместо.паблика мы пишем десна не после чего у.нас спрашивает будем ли можно.конфигурировать наше приложение как.символ печь applications.мы ему говорим то что дома принципе.делали сингл париж и при кришна файл h.темой уже записаны он предлагает его.перезаписать нам этого делать не нужно.поскольку у нас файлы.джон скрипта исчез с уже там прописано.поэтому нам ничего перезаписывать не.нужно нажимаем мол не цивилизации прошла.успешно и мы можем принципе деплоить.наше приложение пишем firebase диплом.у нас идет загрузка нашего проекта.проект собирается и далее он пишет то.что готовый компьютер и у нас есть.ссылка на наш проект.откроем ее и вот наш проект который.точно также работает перейдем в sd.пользователя залогинимся.и видим то что у нас все точно также.работает что-нибудь напишем и вот в.принципе наш тестовый тоска у нас все.работает можно также 1 единица обратно и.далее в консоли firebase а мы можем.точно так же подключить какой-то домен и.также он говорит то что у нас приложение.развернуто и пиши текущей версии.далее мы поговорим принципе.развертывание приложения на каком-либо.хостингер я для текущего проекта.использовал хостинг дед и использую как.раз таки текущие просто ко всем клиентам.рекомендуем минаеву поскольку здесь как.раз таки цена и качество не идеально.сбалансированное и нам нужен как раз.таки обычный хостинг и принципе не имеет.значение на самом деле на какую хостинг.все это дело скидывать.мы просто берем текущую папку диск и.вместе с html файла перекидываем его.просто через теперь клиент сразу на.сервер либо же через консоль тут уже.кому как нравится единственное что нужно.сделать дальше так как носовые файла.атаки и здесь уже в этот файл.настраивается исключительно.индивидуально вот принципе и все мы.сделали принципе неплохое приложение.также можете написать комментариях чтобы.было бы интересно посмотреть вам.следующих видео может быть это также.виджая слива серверное что-нибудь а с.видео по текущему проекту принципе все.единственное там конечно есть что.оптимизировать есть участки кода который.можно на 3 factory.я это принципе все сделаю только.единственное сделал это не на видео по.просто виде комментов на git have.принципе с текущим приложение всеми.думаешь следующее приложение сама будем.именно приложение разрабатывает то он.будет более интересно и не уже будем.делать что-то потяжелее на этом принципе.все ставьте лайк на видео подписывайтесь.на канал увидимся

Vue.js — Создание веб-приложения — Результат и деплой SPA приложения на хостинг

Как? Вы еще не смотрели? Ну это зря...