New AWS Lambda Console Code Editor!

Key Takeaways

do you want your Cloud IDE to look like your local IDE well Landis console now does using the popular Visual Studio code open- source code editor hi I'm Julian wood and in this video we'll show you exactly what this looks like now developers tell us that they like using the familiar vs code interface with its accessible and customizable interface which provides a coding experience that's similar to working with your function code locally you can install selected extensions apply your favorite themes and settings and use the keyboard shortcuts and coding preferences that you like you can also Now display larger function package sizes right within the console which is a big win and it also integrates with Amazon Q developer for realtime AI suggestions and insights to help you write understand and troubleshoot your Lambda functions more efficiently let's Jump Right In so the first thing I'm doing is launching the Lambda console and I have a new function I've created here funny enough called Lambda new console so if I was to scroll down a little bit over here I can see I have a what looks like a vs code interface and it's telling me I'm using the new Lambda console so immediately I can see this looks like vs code I've got the icons on the left I've got the Explorer bar in the middle and then the code on the right I'm using node.js so it's done the syntax highlighting you know what I expect in my local ID now looks like this in the cloud so really you know no context switching looks the same kind of way now another thing that is really cool is before you couldn't have large uh files in your in your project so if I had a large file it wouldn't be able to display here within the Lambda console and I wouldn't be able to change and edit my code so if I click here on the Big File icon I can see that well it's a big file and if I actually scroll down a little bit I can see that it is oh there's clicking on the big file and if actually scroll down a little but I can see here that the package size is 11 Meg so now I can actually even though it's a package size of 11 Meg because my code um file is under 3 Meg I'm able to view that in the console a standard uh vs code so I can look at the command pallet and I can look at all the Lambda specific things and you know pick a whole bunch of cool things that I'm able to do with lamba so the next thing I want to do is look at environment variables so I scroll down over here and I can see I can see the environment variables directly here in my console and I can select it and I can click edit on the environment variable and using the standard configuration I can amend the value from here and save that and you know that's available right within my visual view in the same kind of place so next up I want to do is I want to uh test my functions I'm going to click on the test button and I'm going to create a new test event let's just close that first so here let's create a new test event uh select that and in the same place again all in the same kind of window I'm able to view a um test event so yeah it's opened up and I can you know create a private event or a shared event and also handily over here I can look at a whole bunch of event templates so I'm building with API Gateway so I can select that from the template uh template down drop- down list and that's going to show the event Json which is going to be sent to my function and I can edit the query string parameters and handly one not just add my name going to save this I'm going to um give this a name and save that and I could save it as a private one or is sharable as well for other people to view in my account so I can then go and I can invoke this function here in the cloud I click on the little handy play button and this function invokes in the cloud and scrolling down over here I can see the response which has the my variable the U as the environment variable which I have read in my code so closing this let's have a look at Amazon Q so what I can do for Amazon Q right here in the console is I can just type a um a comment and invoke am in Q and this is going to suggest code to be able to read the query string parameters and I can carry on I want to also put it in the response so I'm going to get that query string parameters as part of the response and add that from Amazon Q really easy I didn't have to set anything else up save and then deploy the new version of the function so what I can do now is I can then test that uh function again and we have the same response but this time it now handily has my query sing parameters with my name included within the response so looking at some other kind of things that we can do you can see in the settings I have the keyboard bindings and also why not let's change the color theme to dark because that's what I use in my local IDE and it's just going to make it look the same so I have my local IDE over here Cloud IDE over here now looking all the dark mode what I can also do is under the run and debug is I can actually look at the open cloudwatch lives taale now this is actually really cool feature where even if I'm invoking it by myself or even if I'm invoking it from a some an external person hitting my API I'm able to live tail the logs in the console and there's another whole video which we can go which can explain how this all works but the next part I want to do is I actually want to download the function code I may have started in the console but really servess best practices is about working in your IDE to be able to deploy uh your software as part of cloud formation or as part of a software delivery life cycle so downloading the code in the S temp and the Sam template represents those cloud formation resources so click on the button going to be able to download a zip file which is going to include that code and the Sam template what I'm then going to do is I'm going to then switch over to my Lo local IDE and I can see here immediately first of all it looks the same so I was developing the cloud now I'm developing locally same dark mode it all looks very kind of similar and then once I'm in over here um I can also look at the application Builder View and I'm can show a visual template I can build my application I can deploy my application and do the whole kind of things locally which allows me to build my to work on my application also click on the play icon which opens up my local invok and debug configuration and what I can do here similarly in the cloud is I can select a sample event API Gateway in the stage you know I could edit the same as well also I could pick up a local event from an event file so this is a way that I could you know test my function locally and then I can go through the whole process of deploying it with a proper cloud formation stack and having full infrastructures code and that's a quick look at the Lambda console with its new vs code interface this is one of many developer experience improvements we're rolling out to make developing with Lambda easier if you enjoyed this video please give it a like and consider subscribing to AWS Developers for more Hands-On technical content see you next time