Een van beide.
Welkom terug.
Dus in deze les zijn we gericht op het verbeteren van de bruikbaarheid van ons kamp.
Op dit moment is het een soort van een ramp zo ver als het geven van feedback of foutmeldingen of succes berichten aan onze gebruikers.
En door een ramp ik bedoel alleen dat het helemaal niet bestaat.
We hebben een raad log die uiteraard onze gebruikers kunnen niet zien.
Wij zien het als de ontwikkelaars in onze consul hier waar de servers draaien, maar niemand ziet dat.
Dus we gaan richten op het toevoegen van enkele berichten in en ik zal je laten zien hoe dat eruit ziet in slechts een moment.
Voordat ik dat doen we drie hoofddoelstellingen zal ik alleen maar praten over hen nu.
Dus wil ik het demo.
Ten eerste laten zien wat je kunt verwachten hoe het eruit zal zien hoe het zich gedraagt ​​dan zullen we eigenlijk installeren en een pakket genaamd connect flash configureren.
Dus wat we doen is het toevoegen in Flash of de flasher een flits van haar verschillende voornaamwoorden en mensen noemen het.
In andere frameworks de flitser hash.
Mensen noemen het flitsberichten maar in principe is het idee dat we gaan een boodschap te tonen aan een gebruiker als succesvol ingelogd of succesvol uitgelogd.
Of misschien iets als je geen toestemming om dat te doen.
Of Gelieve inloggen voordat je een camping zoiets toe te voegen.
We willen het gewoon een keer laten zien aan een gebruiker en we niet willen dat het een vaste waarde op de pagina.
We willen gewoon knipperen het aan hen een keer en dan gaat het weg op de volgende pagina of als de gebruiker verfrist en dan is het laatste wat in onze flash-berichten toe te voegen aan de header en voeg in sommige bootstrap klassen die zal stylen.
Dus er is een aantal ingebouwde in manieren om dingen te doen met bootstrap.
Dit is een gemeenschappelijk kenmerk op berichten die worden geflitst op uw gebruiker op allerlei sites die bootstrappen heeft een aantal ingebouwde in styling voor dat die zullen profiteren van hebben.
Dus ik zal beginnen met u te laten zien wat het eruit zal zien.
Dus ik heb het kamp lopen.
Laat me goed ik zal je laten zien als ik gewoon uit te loggen op dit moment, dus ik ben aangemeld als diepvries als ik me afmeld krijg ik een bericht dat zegt loungy up kunnen we die boodschap tekst wijzigen.
Natuurlijk, als ik probeer en voeg een nieuwe camping op dit moment als ik niet ingelogd Ik moet nu een bericht dat zegt dat je moet ingelogd zijn om dat te doen krijgen.
En merken dat het hier lezen.
Dus dat is een bootstrap klasse.
Deze waarschuwing dat we krijgen als ik vers waren de pagina verdwijnt.
Dus nu als ik probeer en meld je ik moet zeggen dat ik me aanmelden als Resti die al bestaat.
Dus zou ik niet in staat zijn om dat te doen in het verleden.
De pagina zou gewoon te vernieuwen.
Maar wat we zullen eindigen met een boodschap die zegt dat een gebruiker met een bepaalde gebruikersnaam is al geregistreerd.
OK.
Dus laat me aanmelden als nieuw iemand.
Laten we proberen te doen blunder.
Ik heb nu blijkbaar verplaatst van groenten tot huishoudelijke apparaten en ik krijg een bericht succes succesvol aangemeld.
Leuk je te ontmoeten Bunder.
En als ik Vernieuw de pagina het gaat weg.
Dus er zijn andere plaatsen die we hebben die berichten, maar ik zal je laten zien.
Bijvoorbeeld als ik probeer en deze camping die ik niet zelf bewerken.
Aardappelkoekjes eigenaar is.
Ik ben ingelogd dit blender.
Ik heb geen een link om naar hier te bewerken want dat is verborgen.
Maar technisch ik nog kon naar slash ernaar waar ik nu een bericht dat zegt dat je geen toestemming om dat te doen krijgen.
Het omleidingen me hier terug.
Dus hetzelfde met opmerkingen als ik of er was een commentaar en het is gemaakt door iemand anders.
Als ik handmatig naar die verwijzen en voegde slash in het dan zou ik ook een boodschap, maar dat is een hoop werk, want we hebben om de ID te vinden.
En toch wil ik niet om nu in te gaan, maar het zal het zelfde stukje code dat we toevoegen dat zal zeggen dat je geen toestemming om dat te doen te hebben.
En dan tot slot als ik dat doe uitloggen en ik ga terug en ik probeer en het toevoegen van nieuwe reacties die ik krijg het zelfde bericht.
Je moet ingelogd zijn om dat te doen.
Net alsof ik probeerde om een ​​camping te maken wanneer ik het niet was ondertekend.
OK.
Dus dat is het einddoel en het is eigenlijk vrij gemakkelijk voor ons om dit werk te maken.
Met behulp van dit pakket kunnen we dit doen zonder een pakket natuurlijk wat we iets konden doen.
Wanneer we het openstellen van de juiste versie.
Dus maakte ik een nieuwe versie van dit v 11 dat ik ga werken binnenkant van.
Dus laten we zien in v. 11 en laat me duidelijk alles en open te stellen ja.
OK.
Dus we hier werken.
Ook dit is 11 V voor het geval je volgt samen.
Het eerste wat ik zal doen is je laten zien het pakket dat we gaan gebruiken.
Dus het heet Kinect flitser.
Er waren andere pakketten die er zijn die dit doen.
Als u een kijkje nemen op de get huis nemen repo de documentatie is eigenlijk een beetje verouderd.
We gebruiken Express waarvoor kwam eerder in 2015.
De docs praten over Express naar punt X en drie punt X we op voor de volgende wel.
Dus deze instructies zijn niet precies hetzelfde, hoewel als je terug naar Sluit flash vindt u een aantal van de eerste externe links te zien zijn uitgedrukt 4,00 opgezet met K'NEX flash waar ik een kijkje nemen op namen al of je kan altijd gebruik maken van iets als dit had uitgesproken voor later en je kunt zien krijgen we dat dezelfde link en er zijn tutorials hier beneden is er een stack overflow bericht erover als je wilt een kijkje te nemen.
Dus ik deed dit eerder.
Iets wat je moet veel doen als je weet dat de code wordt bijgewerkt wanneer nieuwe dingen zijn coming out.
Vooral met iets als Express 4.0 waar dingen veranderen vrij aanzienlijk.
Veel dingen die gebruikt om een ​​deel van de Express zijn werden uit express als afzonderlijke pakketten verplaatst.
Sommige van de naamgeving en syntaxis veranderd.
Dus ik zeg altijd het is iets wat je gewoon doen veel wanneer je probeert iets wat je nog niet Snel gedaan toe te voegen in Express te doen voor uw zoekopdrachten, want vaak zul je veel tutorials voor te vinden.
Twee jaar geleden dat nog 90 procent hetzelfde, maar dat 10 procent is echt belangrijk dat je begrijpt hoe het is anders dan jullie twee jaar geleden in vergelijking met huidige Express weten.
Okee.
Dus eerste wat we willen doen is het installeren van dit pakket.
Dus het heet connect flash.
Dus willen we NPM installeren dash dash besparen verbinden dash flitser.
OK.
Nu dat die hier gedaan we zullen gewoon toe te voegen in Flash.
We noemen het knipperen in plaats van aan te sluiten flash gelijken nodig connect dashboard knipperen.
Zorg ervoor dat we een komma daar dan wat we moeten doen is te vertellen uiten vertel de app om Flash te gebruiken.
Dus namen we de inhoud van K'NEX flitser die het pakket en opgeslagen in het flash-variabele en we zullen nodig hebben om uit te voeren die variabele app gebruik flash net als dat.
Dus technisch dat is alles wat we moeten doen.
We hebben nu Connect Flash geïnstalleerd en als we terug te gaan en een kijkje nemen op de documentatie is er een aantal andere configuratie dat ze hier met cookie parser in de sessie, maar we eigenlijk al dat het opzetten van waar we al ons doen.
Waar ben je express sessie nodig en we zijn het opzetten van een geheim.
En dus hebben we niet echt zorgen te maken over dat omdat we al hebben onze app om Express-sessie te gebruiken.
OK dus wat we zullen doen, is op elke pagina gaan we naar de inhoud van de flitser te laten zien.
We gaan naar het bericht dat er in zit te nemen.
Het is misschien goed of slecht is het misschien leeg zou zijn en we gaan om het te laten zien aan de bovenkant van de pagina en dat zal gebeuren in onze header file.
E. J ..
Ja, we zullen een stukje code die net toont de fout of het succes boodschap en dan is alles wat we hebben is wanneer we tegenkomen een fout of een plek waar we willen een bericht zodat een instantie van die zou kunnen zijn in plaats van laten we het doen en campings in plaats van onze campings want we hebben dit vastgelegd in Middleware waarin u een nieuwe camping niet kunt toevoegen als u ingelogd bent.
Als we als we naar dat middleware en we zullen kijken is ingelogd, kunnen we willen een bericht dat zegt moet je ingelogd zijn om dat te doen of Log in hebben.
Dus die code zou hier gaan.
Dus vlak voordat we doorverwijzen naar log slash in gaan we iets aan de flitser toe te voegen.
Dus dat ziet er net als dit ook daadwerkelijk te vragen dot flitser.
En dan kunnen we een sleutel.
Dus in een moment dat ik zal je laten zien.
We zullen met behulp van succes en opstaan ​​en we zullen gewoon gebruiken om te bepalen of het bericht moet de waarschuwing groen of rood zijn.
Zodat een deel is niet van belang voor nu, maar dit deel wel toe doet waar we heen gaan door te geven in een bericht.
Dus we konden doen iets dergelijks Gelieve eerst in te loggen.
Ook dit is in het wordt aangemeld Middleware.
Dus het is te controleren of het verzoek wordt geverifieerd als de gebruikers ingelogd.
Dan blijven gaan wat je eerder aan het doen waren.
Maar als dat niet het geval is voordat je naar log slash in.
Ja herinneren als we doorverwijzen naar log slash in.
Zonder deze lijn gaat het gewoon op ook.
Ik moet om de route te openen, maar het zal recht om de code en slash logon die is hier te gaan.
Dus het maakt de log in voor voordat we doen dat, hoewel we gaan deze code flash draaien.
En wat dit zal doen, is in principe te nemen Gelieve eerst in te loggen en het zal toevoegen aan de flitser en het zal niet worden getoond tot de volgende ding dat we zien.
Dus in dit geval is dit eigenlijk niet maken om het even wat het gewoon omleidingen ons slash inloggen en de manier waarop de Flash werkt is echt mooi in dat het niet alleen gaat om zich onmiddellijk knipperen meteen.
Het het alleen werkt of het verschijnt op de volgende pagina.
Dus je eigenlijk doen voordat je omleiden.
Dus in dit geval moet u eerst inloggen en daarna buigen we slash inloggen en vervolgens op het logboek en vormen we zullen hopelijk een bericht te zien.
Op dit moment zijn we niet weer dat, hoewel.
Dus weer gewoon te herhalen alleen het toevoegen van deze lijn zal niets voor ons allemaal dat dit doet is het geeft ons de mogelijkheid het geeft ons een manier om de toegang tot deze op de volgende aanvraag weer te geven.
Dus we niet knipperen meteen we niet iets te zien dat we niet met de gebruiker niets.
Dit alles doet is het zegt in de flitser en plaats van succes dat ik denk dat het zinvoller om deze fout in het flash-add bellen moet u eerst inloggen voor de volgende aanvraag en leid we om in te loggen slash.
Dus dan moeten we dat moeten aanpakken in logon wat recht is hier slash aanmelden.
Dus kon ik zoiets passeren boodschap te doen.
En natuurlijk alles wat ik kan alleen maar laten zien dat dit dus begin als we enkel bericht worden fout je het verknald net als dat we konden alleen maar weer te geven die op onze sjabloon zodat slash aanmelden die de binnenkant van de zekering log in.
Ja, net aan de top kon ik alleen maar een H-1 die boodschap weergegeven, net als dat.
Niets erg nieuw.
Dus ik zal je gewoon laten zien hoe dat eruit ziet nu.
Start de server up omleiding naar slash loggen en ik krijg dit bericht elke keer fout.
Je morste.
Zoals je kunt zien dat is hopelijk wat je verwacht op dit punt, omdat ik hardcoded het in elke keer dat we naar log slash in zien we je het verknald.
OK dus gebruik van de flitser wat we kunnen doen is nu zeggen boodschap is gelijk aan verzoek van flash en we kunnen gewoon de fout in de flitser.
Dus het is een beetje verwarrend.
Maar in principe is het idee nu als ik gewoon Vernieuw de pagina de server opnieuw op te starten en te vernieuwen moet er niet een fout in de flitser.
Dus we eigenlijk niets zien.
Maar als we deze code uitvoert wups deze code hier en de manier waarop we dat doen is proberen om toegang te krijgen tot iets waar we aangemeld zijn, waar deze middleware dan heet wat er zal gebeuren, is dat we dit nu toe te voegen aan de flitser onder de sleutel fout met de waarde log dan eerst dan gaan we slash aanmelden.
Dan binnenkant van slash aanmelding sturen we onder de toets van het bericht verzoek up flitser fout dat is een heleboel dingen die moeten worden verbonden en het is een beetje verwarrend weer.
Maar laat me gewoon laten zien nu.
Dus ik opnieuw op te starten.
Ik eigenlijk niet moeten doen dat deze keer, maar we zien niets.
Laat me nu gaan naar campings en te proberen en voeg een nieuwe camping, ook al ben ik niet ingelogd.
En nu krijg ik die boodschap dat Gelieve eerst in te loggen zegt die er niet was en als ik vernieuw de pagina het gaat weg.
Dus dat is een heel eenvoudige versie van wat we kunnen bereiken met behulp van Flash.
Dus voordat we verder gaan in de volgende video om de uitvoering van deze met alle verschillende berichten en de styling.
Laten we gewoon samen te vatten hoe dit werkt weer.
Dus wanneer we willen een boodschap of het nu een succes bericht of een foutmelding wat het ook is gaan we deze lijn gebruiken hier weer te geven.
Verzoek flash.
En dan komen we in een sleutel en een waarde en dat doen we voordat we omleiden.
Het is echt belangrijk als ik deze lijn gezet nadat we omleiden.
Het zal niet werken.
Dus voordat je omleiden en dan moet je nog steeds om te gaan in de sjabloon zelf aan het en de route omgaan met al dat het geeft je de mogelijkheid van het toevoegen van een aantal gegevens in voordat u omleiden.
Dat maakt het de volgende route.
En dat de gegevens niet zal aanhouden op elke verzoek in die route.
Dus het is een eenmalige zaak.
Dat is waarom het heet Flash.
OK.
Dus in de volgende video ga ik je laten zien hoe je nu eigenlijk dit echt waar we niet hebben om dit te doen uit te voeren.
Passen het af bericht naar elke template waar we kunnen stijl denkt mooi met de bootstrap waar we de rode en groene berichten kunnen hebben, kunnen we verschillende kleuren hebben als we willen rood te zetten en groen zijn de standaard zijn.
OK.
Dus dat is in de volgende video.