Design and Create BEAUTIFUL EVE-NG Topologies

now there's a decent chance out there that if you're an involved network engineer in the social media community you've seen topologies floating around in your social media feed like linkedin or maybe even on my own youtube channel if you've been following along with my ccie practice exam those topologies are stunning they're beautiful that's why they get so many likes and retweets and you want to build them on your own don't you you want to get all those likes and retweets and everything like that and you want to share those topologies those beautiful topologies with the world by the end of this video you'll understand all of the design components that come into building an even g topology and we'll show you how to make your stuff look really shiny and good let's get going so you want to build a beautiful topology that looks like this one right i don't blame you this looks like amazing fun and it is really clean there are a lot of different ways that we can make this come to life so what we're going to do in this video is just give you some of the building blocks on how to put all these pieces together and then you can go and create your own topologies that look something like this now let me say this exact topology that we're looking at right now this actually came out of my ccie practice lab and it's free for download so if you're on my youtube channel and you see a playlist called the ccie practice lab start there and you can download this topology right now that way you can actually dissect what was done here and get started going creating your own topologies now here's what we're going to do to create our first lab antopology and go through some of the design works when you log into evangee you're confronted with a page that looks you know kind of like this one here and what we want to do to create our first lab is right here you can see this little button that says add new lab it's this guy i'm going to circle it right there that's the one you want to click on to create a new lab when you click on it we're just going to give it a name we can call it knox's demo or something like that and here if you want you've got all of these additional things that you can do you can add a version number an author a description a summary and so on and so on and so on and in this case all you really have to do though is give it a name and click save and what this does at this point is it launches you straight into the lab and the idea that you should have at this point is what is my lab going to be about so maybe what i want to do is i want to create something like i don't know mpls layer 3 vpn don't worry if you don't know what that means this is really just about setting up how to set up a lab but the idea here is that we are a service provider and this can be our little service provider cloud and we have multiple clients let's say we have a blue client here and a blue client here this represents blue clients building one and this represents blue clients building two then we have a black client here and a black client here this represents the black clients building one and the black clients building two so just looking at the topology i see that i need one two three four five six seven routers and if i want to throw any switches or firewalls or anything in the mix i can do that too so let's keep this in mind that we have seven routers and we've got multiple clients in multiple sites and we've kind of colored them too with the blue the pink and the black and so on so clearing the screen what i'm going to do is i'm going to right click on anywhere on the screen and say add a node this is where we're going to add the devices that i want and in my case i'm going to choose the cisco via ios router which came from cisco modeling labs now if i had multiple versions of the ios router i would be able to choose the different versions right there under the image this is really popular in things like firepower threat defense or iol images or even asa firewalls you may load different versions of those routers then you'd be able to select the different versions from the image section the next thing i know is i needed seven routers so let me go ahead here and change this one into a seven so it adds seven routers to the topology next we're gonna name these routers so they wanna show up correctly all i have to do is type an r here and it will append one through seven on the end of it this is just a prefix here's where i can change the icon so maybe i want to choose a cleaner hockey puck like router two or i can choose router or if you wanna just look through the list of which images are gonna work best for you you can see there's a lot of images for you to pick from so i'll leave this on router 2 just for fun and the rest of these things you don't really need to play with unless you're running into some issues like you want to have larger cpus or more ram dedicated to each device beyond that this is an important one by default these devices come with a set number of ethernet ports so each one of these routers has four ethernet ports and that's okay for my topology but you may have a router that needs something like eight ethernet ports and this is where you can change that for the most part this stuff in here is stuff that you don't really want to change or need to change there are some rare instances where you need to change these things like when you run into csr1000vs or some special types of virtualization but don't really worry about that we also talked about the consoles in a previous video when we were talking about the different types of consoles and how to access evg in the first place so if you haven't checked that video out check it out there we're going to leave this as telnet and i'll click save instantly you can see it deploys my seven routers here so let's just drag and drop them into that kind of same space that we had before and it looks something kind of like this the first thing that i want to do is i want to interconnect my routers and when i hover over them and i see this little connect to another node it looks like a little ethernet all i have to do is click and drag and drop it onto the node and you can see it specifies here this is the interface for r1 and this is the interface for r2 so for any reason i need to change the interfaces here that's where i can do that when i click save the attachment is in place i'll do the same thing for r2 to r3 and i'll click save i'll do the same thing for r3 to r4 save r3 to r6 save r1 to r7 save and r1 to r5 and save now we can clean these up a little bit it's nice that they give us a grid background so that we can actually see and line them up as nicely as possible but beyond that we can change a whole lot of the styling here and we can add some effects to make this look good now this is where the browser that you're actually using plays a big difference and let me show you why here i'm using the edge browser built on chrome watch what happens here when i go to add a background for our isp network i'm going to right click on here and i'm just going to add a custom shape when i drew this previously it had a pink cloud with pink routers so let's kind of stick to that pink idea here i can choose and kind of hover over in here and i can choose a background like this nice and transparent and light and i'll choose a darker background version of it maybe something more like this just a little bit harsher this creates my square background here that i can drag and move around and resize and reshape as needed that square kind of looks a little harsh don't you think so maybe we could change this a little bit i'll right click on it and choose edit and now look what comes up we've got a whole new dialog box here down at the bottom so when i click on this here this is the kind of coloring and dialog box that i get the border type we can change to something like dashed if we wanted to or solid or for any point i decide you know what i don't like that soft pink background i only like the the border i can turn this onto transparent and you can see what it does there we have a rotation section here where we could rotate it something like 90 degrees or set it back to zero the border width i can scale this down and make it a little thinner turn transparent off and click save now like i said i didn't really like those square edges though so what i can do is i can actually delete this we'll say yes and we'll recreate it real quick i'll choose a custom shape but in this time i'm going to change the type from square to square rounded that'll be a little bit softer now i'll choose my soft pink my sharper pink background i'll set the border width to something like 3 and i'll choose save this is just a lot easier on the eyes at least in my opinion right there and now i want to notate this little pink background area so that i know that it's definitely the isp network so i'll add some text i'll change this text to be isp network and it has all the formatting options that you would expect here i can change the color to something like a dark violet i can change the size to be nice and big we can change the font i'll drag that onto the pane and i'll add some more text maybe because i want to label the subnets that are in use here maybe something like 192 168.30.0 24. oh forgot the 24. we'll again set this to a nice big font maybe a little bit smaller than it was before though change the color to be a softer violet set it to bold and drag it onto the isp network section you know what else represents an isp pretty good though a cloud so here's how we could do something like that let me actually delete this background one more time i know we're just kind of going through some steps that could kind of show you some fun stuff but check this out here's what i'm going to do i'm going to add some text one more time but instead of actually adding text what i'm actually going to import here is an image and you'll see in the text dialog box oh there are two little images there's an image here and this one's really for images that come from urls and there's an image here and this one's one that comes from my local computer so i'm going to click the second one here and i'm going to choose a file like mycloud.png and click upload check this out how fun is this now i can hover my cloud over my area and also send it to the back so it sits behind my routers so if i move these around just a little bit now i've clearly labeled my isp network and i've imported a cool little cloud image so that i can clearly see where my isp network is now we can add custom shapes for our customers we'll do something like a light blue section with a darker blue border i'll change the border type i'll change the type again to square rounded this time i'll change the type to circular and i'll click save and now notice this we can actually make this rather than a circle it can be more ovular and what i can do now is i can actually go to edit and i can start the rotation process maybe by moving it 45 degrees and now it can look something like this with that being done i can now resize this a little bit so that it fits right here in the area and similarly i can do something on the other side and since i said this was kind of a blackish customer we'll make this kind of a grayish background i'll do circle i'll stretch it into an oval i'll edit it and i'll do a little bit of rotation here maybe i'll say 225 in this case maybe i'll say negative 45 in this case you know what we can work with this let's drag this right here but then just move my router and we can move these around make them look nice and clean and there we go now i've left these over here undone for a reason because there's some more fun that we can have with making this look pretty and cool check this out we can actually change the design and the style of the link itself if i hover over one of these gig zero zeros or gig zero ones i can right click on it and choose edit style this brings up a bunch of stuff that we can now edit the link with and probably the most popular one that you're going to start with is the link style by default it's a straight line but we can change this to be something like the bezier and now it's a nice pretty curve and when you move it all around you can see what it does beyond that you can adjust the curviness of it see as you just hold the arrows down you can adjust the curviness of it like this we can also add a label to this like customer one hyphen site one and you can see it labels it dead center we can change the location or the position or closeness of our link labels themselves by sliding the position of the label interface right here you can see it moving up and down on r3 same thing goes for the other side we can move it closer to the link here of course we can change these from solid to dashed if we want to do that and then we can change the color one more time maybe we want this to be a darker blue like this one and i'll click save and now that link has been changed and taken effect i'll right click over here and edit style on this one and instead of bezier maybe this time we'll change to flowchart we'll label this one customer two site one we can change the position of our centered label here on the flowchart we can even round it a little bit check this out see we can add a little bit of curve on those edges which makes it look a little nicer just like before we can change the label locations so they're closer or further away from the device we can change it from solid to dashed and we can change the color maybe we want this one to be sharp red now we'll click save and check it out we've done a lot of work here on this already we've imported an image after deciding we didn't want the squared or circular squared edged background we've talked about adding borders and a little bit of flair in the colors we've talked about adding text like i said we've got the cloud image located here we've adjusted the quality or styles of our link labeling and we've done a bunch of really cool stuff look what your end goal should be is to have topologies that look something like this isn't this pretty isn't this nice and you have all the pieces to make this happen now don't you you see how there's a little cloud background for the isps you see how there's text changing colors and boldness you see how we've got maybe the bezier link style or the flowchart link style a very nice stylistic design choice here is that they have the boxes without borders and then they put boxes inside of it so maybe this box here has a border and a transparent background we can also look at that original topology that we were looking at here the one that's available in my ccie journey and you can download this lab right now and take a look at the stylistic design choices that were created here and try and mimic them in your own topologies so that's how you can get started creating and designing your own labs within even g i'm really glad you guys stopped in and checked this one out because it's so cool how powerful it is we can make not only topologies that work but are also visually stunning so thanks for stopping by y'all i'll see you in the next

Channel: Data Knox

Views: 8,772

Keywords: install eve-ng on google cloud, install eve-ng vmware workstation, install eve-ng on ubuntu 18.04, eve-ng setup, eve-ng getting started, eve-ng add images, eve-ng windows 10, eve-ng tutorial, eve-ng lab, eve-ng docker, eve-ng container, eve-ng native console, eve-ng consoles, eve-ng console type, eve-ng html5 console, transfer files eve-ng, transfer files eve-ng nodes, download files eve-ng, eve-ng thinclient, eve-ng create lab, eve-ng design lab

Id: AGN2RBVylRs

Length: 14min 24sec (864 seconds)

Published: Mon Oct 19 2020