{"id":1990,"date":"2024-09-17T08:40:40","date_gmt":"2024-09-17T15:40:40","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/identity\/?p=1990"},"modified":"2024-10-21T06:23:28","modified_gmt":"2024-10-21T13:23:28","slug":"external-id-vs-code-extension-ga","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/identity\/external-id-vs-code-extension-ga\/","title":{"rendered":"Announcing the General Availability (GA) of Microsoft Entra External ID extension for Visual Studio Code"},"content":{"rendered":"<p>Today we announce that the <a href=\"https:\/\/aka.ms\/ciamvscode\/blog\/marketplace\">Microsoft Entra External ID extension for Visual Studio Code<\/a> is now Generally Available! Initially <a href=\"https:\/\/devblogs.microsoft.com\/identity\/external-id-extension\/\">released in March in Public Preview<\/a>, the extension is designed to help developers using VS Code to seamlessly create external tenants, configure sign-in experiences for external users, and set up their first External ID sample\u2014all directly within VS Code. Our goal is to provide a streamlined, guided experience to help you kickstart identity integration for customer-facing apps by offering a fast and efficient way to bootstrap your projects with preconfigured sample applications.<\/p>\n<p><div  class=\"d-flex justify-content-center\"><a class=\"cta_button_link btn-primary mb-24\" href=\"https:\/\/aka.ms\/ciamvscode\/blog\/marketplace\" target=\"_blank\">Install Microsoft Entra External ID Extension for VS Code<\/a><\/div><\/p>\n<h2>Key features<\/h2>\n<p>The External ID extension offers a guided experience that enables you to create and configure a sample External ID application entirely from within VS Code. Whether you&#8217;re new to customer identity or an experienced developer, the extension simplifies the typically complex process of configuring authentication for your new projects. By automating tenant creation and prepopulating required values during sign-in configuration, it eliminates manual setup, allowing you to stay focused on your code. Key features include:<\/p>\n<ul>\n<li><strong>Quick tenant setup:<\/strong> Easily create an external tenant using your Azure subscription or opt for a 30-day free trial (currently in preview). <\/li>\n<li><strong>Guided walkthrough:<\/strong> A step-by-step guide helps you set up a tenant, configure a user flow, customize your company branding (including logo, background color, and sign-in layout), and download a fully configured sample External ID based on your choices.<\/li>\n<\/ul>\n<p><center>\n  <img decoding=\"async\" src=\"https:\/\/devblogs.microsoft.com\/identity\/wp-content\/uploads\/sites\/74\/2024\/09\/walkthrough.gif\" alt=\"external id vs code extension walkthrough\" width=\"400\" \/>\n<\/center><\/p>\n<ul>\n<li><strong>\u2018Manage Resources\u2019 section:<\/strong> View your external tenants, applications, user flows, and branding settings\u2014all in one place. Additionally, you can right-click on any resource to open it directly in the Microsoft Entra Admin Center for further configuration and update your company branding within the extension. <\/li>\n<\/ul>\n<p><center>\n  <img decoding=\"async\" src=\"https:\/\/devblogs.microsoft.com\/identity\/wp-content\/uploads\/sites\/74\/2024\/09\/Manage_resources_gif.gif\" alt=\"external id vs code extension manage resources\" width=\"400\" \/>\n<\/center><\/p>\n<h2>Enhancements and new features since Public Preview<\/h2>\n<p>Since the preview release, we\u2019ve made several enhancements to help you get started faster, and manage External ID resources more efficiently:<\/p>\n<ul>\n<li><strong>Preview the sign-up page and create your first user:<\/strong> This new feature is available in the walkthrough to help you preview your configured sign-in experience and test the sign-up experience. <\/li>\n<li><strong>View resource details in a friendly UI:<\/strong> Key resource details are now displayed in an intuitive WebView format for improved readability. JSON files have been upgraded with IntelliSense, and now offer tooltips\u2014perfect for those who want to dive deeper and learn more about the configurations. <\/li>\n<li><strong>Extended sample applications for multiple frameworks:<\/strong> During the Public Preview, we introduced sample apps for single-page applications (SPA) in JavaScript, React, and Angular. Now, we\u2019ve expanded support by adding web application samples in Node.js (Express), ASP.NET Core, Java Servlet, and Python (Flask and Django). The extension automatically configures these sample apps based on your sign-in experience, saving you time, and providing a solid foundation for learning and building upon. <\/li>\n<li><strong>UI\/UX improvements and bug fixes:<\/strong> Numerous enhancements have been made to improve error notifications and the overall user experience, ensuring a smoother development process. <\/li>\n<\/ul>\n<h2>Community impact and adoption<\/h2>\n<p>Since the public preview, the extension has seen increasing adoption, with over 3,500 unique installations. Developers find it especially useful for creating external tenants and customizing the sign-in experience\u2014all from within the extension. Many updates, including new samples, resource auto-refresh, IntelliSense, and enhancements to the UI and error messages were directly influenced by feedback from the developer community. Your input has been instrumental in guiding the extension\u2019s development, and we eagerly anticipate continued collaboration.<\/p>\n<h2>Looking ahead<\/h2>\n<p>The journey to General Availability has been shaped by your feedback, and we\u2019re excited to see how the developer community continues to innovate with the Microsoft Entra External ID VS Code extension. Keep the feedback coming! <a href=\"https:\/\/go.microsoft.com\/fwlink\/?linkid=2257518\">Share your thoughts<\/a> as we work to bring more features and enhancements to the extension, making it even better. Stay tuned for updates as we continue to improve developer workflows.<\/p>\n<h2>Get started today<\/h2>\n<p>To get started with the Microsoft Entra External ID extension, check out the <a href=\"https:\/\/aka.ms\/ciamvscode\/blog\/marketplace\">marketplace page<\/a> and the <a href=\"https:\/\/go.microsoft.com\/fwlink\/?linkid=2257700\">quickstart guide<\/a>. You can also explore other features in the Microsoft Entra portfolio by visiting our <a href=\"https:\/\/developer.microsoft.com\/en-us\/identity\/external-id\">Identity developer center<\/a>. Sign up for email updates on the <a href=\"https:\/\/devblogs.microsoft.com\/identity\/tag\/external-id\/\">Identity blog<\/a> for more insights, and follow us on <a href=\"https:\/\/youtube.com\/playlist?list=PL3ZTgFEc7Lyv4ayjkUti8WGBjRC-jWjD1&amp;si=wxHm7N96WnRaNdND\">YouTube<\/a> for tutorials, deep dives, and the latest news.<\/p>\n<p><div  class=\"d-flex justify-content-center\"><a class=\"cta_button_link btn-primary mb-24\" href=\"https:\/\/aka.ms\/ciamvscode\/blog\/marketplace\" target=\"_blank\">Install Microsoft Entra External ID Extension for VS Code<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Explore the new Microsoft Entra External ID extension for Visual Studio Code, now Generally Available (GA), created to simplify CIAM integration in your development process. See how this extension provides a smooth experience for setting up External ID applications from within VS Code.<\/p>\n","protected":false},"author":113371,"featured_media":1615,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[32,33],"tags":[38,20,16,47,50],"class_list":["post-1990","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-product-updates","tag-authentication","tag-devex","tag-entra","tag-external-id","tag-identity"],"acf":[],"blog_post_summary":"<p>Explore the new Microsoft Entra External ID extension for Visual Studio Code, now Generally Available (GA), created to simplify CIAM integration in your development process. See how this extension provides a smooth experience for setting up External ID applications from within VS Code.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/identity\/wp-json\/wp\/v2\/posts\/1990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/identity\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/identity\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/identity\/wp-json\/wp\/v2\/users\/113371"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/identity\/wp-json\/wp\/v2\/comments?post=1990"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/identity\/wp-json\/wp\/v2\/posts\/1990\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/identity\/wp-json\/wp\/v2\/media\/1615"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/identity\/wp-json\/wp\/v2\/media?parent=1990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/identity\/wp-json\/wp\/v2\/categories?post=1990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/identity\/wp-json\/wp\/v2\/tags?post=1990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}