| title | description | ms.topic | ms.date |
|---|---|---|---|
What's new for JavaScript docs |
What's new in JavaScript docs in the Developer Center |
how-to |
07/26/2022 |
Find new and updated content for JavaScript and TypeScript developers.
| Name | Description |
|---|---|
| Azure Blob Storage | * Create Account SAS tokens * Create User SAS tokens |
| Name | Description |
|---|---|
| JavaScript Dev Center | Upload file to Azure Blob Storage with an Azure Function * Uploaded file URL returned from Blob Storage SDK in SAS token URL instead of constructing URL * SAS token URL is an authorized URL with a time expiration * Added architectural drawing for system * Updated screenshots based on changes to Azure explorer |
| Azure Blob Storage | Understand how to upload with each Blob Storage blob client |
| Name | Description |
|---|---|
| JavaScript on Cosmos DB MongoDB API | * New quickstart * Developer Guide |
| Name | Description |
|---|---|
| Get connection string from Key vault | This has been updated to flow from the initial App Service + Cosmos DB tutorial. As part of the update, the sample has been replaced with this sample: https://github.com/Azure-Samples/msdocs-nodejs-mongodb-azure-sample-app.git. |
| Name | Description |
|---|---|
| Learn module: Deploy Express.js web app with MongoDB database to Azure App Service | Learn how to create, configure and deploy an Express.js (Node.js) web app with a MongoDB database to Azure App Service. The sample code snippets are available in GitHub as runnable Node.js files. |
| Azure SDK for JavaScript | * Install packages * Authentication Overview * Authentication in local development with service principals * Authentication in local development with developer account * Authentication in Azure-hosted apps * JS Tutorial: Authentication in on-premises app |
| Docs tutorial: Upload and analyze a file with Azure Functions and Blob Storage | In this tutorial, you'll learn how to upload an image to Azure Blob Storage and process it using Azure Functions and Computer Vision. You'll also learn how to implement Azure Function triggers and bindings as part of this process. Together, these services will analyze an uploaded image that contains text, extract the text out of it, and then store the text in a database row for later analysis or other purposes. The sample code is available in GitHub. |
| Name | Description |
|---|---|
| Azure Blob Storage Developer Guide | This article shows you how to connect to Azure Blob Storage by using the Azure Blob Storage client library v12 for JavaScript. Once connected, your code can operate on containers, blobs, and features of the Blob Storage service. The sample code snippets are available in GitHub as runnable Node.js files. |
| Name | Description |
|---|---|
| Learn module: Deploy Express.js to Azure App Service | Create Azure service resources for an Express.js web app. Configure, secure, and deploy the web app. Review the logs after deployment. Full sample code available. |
| Name | Description |
|---|---|
| App Service | Replaced PUG view engine with EJS. |
| Name | Description |
|---|---|
| App Service + MongoDB | Learn how to deploy an Express.js app to Azure App Service. Create and configure the Cosmos DB using the MongoDB API. |
| Test strategies with Azure SDK | When developing applications integrated with Azure SDKs, consider how much integration your code base has with the Azure SDKs. |
| Name | Description |
|---|---|
| App Service authentication | Authentication overview of the app context (managed identity) versus user context (on-behalf-off) |
| App Functions | JavaScript Testing including mocking the context for trigger bindings. Edit content so context.done is only used in appropriate v1 content code snippets. |
| Azure Blob Storage | Remove JS legacy v10 quickstarts, update v12 quickstarts for browser and Node.js. |
| Name | Description |
|---|---|
| Test strategies with Azure SDK | When developing applications integrated with Azure SDKs, you should consider the following strategies to ensure the quality of your code. |
| Name | Description |
|---|---|
| Upload file to Azure Storage with an Azure Function | Updated article. |
| Store data in MongoDB with an Azure Function | Updated article. |
| Create Express.js virtual machine | Updated article. |
| Develop and debug Node.js with Visual Studio Code | Updated article. |
| Create a container image from your local JavaScript project | Updated article. |
| Create and use a container registry | Updated article. |
| Name | Description |
|---|---|
| Key Vault Certificates quickstart | In this tutorial, you set up a Node.js application in an Azure Virtual Machine to read information from Azure Key Vault by using managed identities for Azure resources. Learn how to: * Create a key vault * Store a secret in Key Vault * Create an Azure Linux virtual machine * Enable a managed identity for the virtual machine * Grant the required permissions for the console application to read data from Key Vault * Retrieve a secret from Key Vault |
| Name | Description |
|---|---|
| Key Vault Certificates quickstart | Updated article. |
| Key Vault Keys quickstart | Updated article. |
| Name | Description |
|---|---|
| Virtual machine web app | Updated article series. |
| Key Vault Secrets quickstart | Updated article. |
| Name | Description |
|---|---|
| Use Azure SDKs | To programmatically access your Azure services, use the Azure SDKs for JavaScript. Typically, these SDKs are scoped with the @azure npm package scope published by azure-sdk. Learn how to: |
| Create virtual machine | An Azure Virtual machine requires several resources to support the virtual machine
The best way to manage those resources is to create all the resources in a single resource group. The script creates the resource group and postpends a random number to make sure the resource group is unique, regardless of how many times you use the script. |
| Manage virtual machines | An Azure Virtual machine programmatically managing your VM with the @azure/arm-compute SDK:
|
| List recent operations | Use the Azure Monitor SDK to list the most recent resource operations in your subscription. Operations can be filtered by a date range (within the last 10 days), and a resource group. Examples of operations can include:
|
| Name | Description |
|---|---|
| Azure Functions: Add Cosmos DB for MongoDB API integration | Fixed connection pooling. |
| Name | Description |
|---|---|
| Create an Azure Function to manage resource groups | In this article series, you'll create an Azure Function app with APIs to manage Azure resource groups. Features and functionality of this article series: * Create local Azure Function app project in Visual Studio Code * Create function APIs boilerplate code in Visual Studio Code * Deploy to Azure Functions * Create service principal * Configure local and remote application settings * Use DefaultAzureCredential in both local and remote environments * Use Azure SDKs to use Azure Identity and Azure Resource Management APIs * Use your local and cloud APIs to create, delete, and list resource groups in your subscription |
| Upload file to Blob Storage with Function API | This article shows you how to create an Azure Function API, which uploads a file to Azure Storage using an out binding to move the file contents from the API to Storage. * Locally develop and run with Azurite Storage emulation and Azure Functions Core tools. * Deploy to Azure Functions with a Storage resource * Review logs in Application Insights |
| Name | Description |
|---|---|
| Create and deploy Azure Functions from Visual Studio Code with MongoDB integration | Create a secure API in Visual Studio Code with VS Code extensions and JavaScript, then deploy the application to the Azure cloud for hosting with a public HTTP endpoint. The API integrates with a Cosmos DB database using the MongoDB API. The MongoDB API is accessed from the mongoose npm package. The MongoDB database functionality includes: * Add item * Delete item by ID * Get item by ID * Get all items |
| Upload an image to an Azure Storage blob | * Updates based on Azure portal UI changes * Added Static Web App resource creation and deployment * Moved environment variables from source code into .env file |
| Clone and use a GitHub repository in Visual Studio Code | Updated and clarified for new functionality. |
| Name | Description |
|---|---|
| Create Static Web app using CLI | In this article series, learn how to create a Static Web App (SWA). Locally develop using the SWA CLI with a proxy between the local client and API, including authentication. Run the same code remotely on Azure without changes. |
| Name | Description |
|---|---|
| Create and deploy an Azure Function API with VS Code | Previous version of document series focused on a public/anonymous API. The series now uses function-level security: local develop doesn't use the function key (code querystring param), the remote deployed function requires the function key. |
| Updated hosting and deployment services | Added Azure Web PubSub to list of services. |
| Updated Azure Functions | Added Common security settings you need to configure for your Azure Function |
| Updated Top JS Tasks | Added Deployment |
| Name | Description |
|---|---|
| Deploy a GraphQL API as an Azure Function | Learn how to build and deploy an Apollo server-based GraphQL API endpoint. This article includes a simple Hello World API for those very new to GraphQL, along with a simple CRUD operations API using mutations. |
| How to authenticate users with Microsoft Authentication Library for React | Learn how to authenticate users with the Microsoft Authentication Library for React (MSAL React) and call an Azure service on behalf of the user. |
| Name | Description |
|---|---|
| Getting started with authentication on Azure | The Microsoft identity platform allows a JavaScript developer to authenticate and authorize user identity in your browser, server, or serverless application. |
| How to authenticate users with (MSAL for React static web app) | In this article series, learn how to authenticate users with the Microsoft Authentication Library for React (MSAL React) and call an Azure service on behalf of the user. |
| Name | Description |
|---|---|
| Deploy Express.js with Microsoft Authentication to Azure App service | Learn how to deploy an Express.js app, integrated with Microsoft Authentication Library (MSAL).The sample Express.js web app uses the Embedded JavaScript templates (EJS) template engine to deliver server-side rendered HTML to allow users to sign in with the Microsoft Identity provider. Authentication is provided with the @azure/msal-node npm package. |
| Name | Description |
|---|---|
| Logging, metrics, and telemetry in Azure | Web app and Function app logging information. |
| Tutorial: Create a function with Visual Studio Code | Added streaming logs in VS Code, and querying Kusto log in Azure portal. |
| Tools update | Added several links to Microsoft or Azure specific tools. Added Azure service-specific tips. |
| Add Microsoft login button to a single page application for authentication | Added Microsoft Identity provider and Active Directory app ID information. |
| Locally develop with the Azure Cosmos DB emulator | For SQL API, MongoDB, and Cassandra. |
| Name |
|---|
| Set up development environment to use Azure SDK for JavaScript Use the DefaultAzureCredential to authenticate to the Azure cloud. Once your environment is correctly configured, you won't need to interactively log in or store and manage credentials. |
| Recommended actions for Monitor Azure resources When you create an Azure resource, configure proper monitoring, alerting, and logging. |
| View deployed files in App or Functions services Quick and simple methods to view your deployed files in the Azure portal or VSCode. |
| Name |
|---|
| Secure JavaScript websites with custom domains and certificates Learn how to create a web app on Azure with a custom domain name secured with an TLS/SSL certificate. |
| Store and use Azure Key Vault secrets in Express.js app Store secrets in Azure Key Vault, then use those secrets programmatically from Key Vault in your Express.js app. Includes full source code. |
| Add search functionality to a Static Web app This tutorial builds a website to search through a catalog of books then deploys the website to an Azure Static Web App. A user can search the catalog by entering text in the search bar. While the user enters text, the website uses the Search Index's suggest feature to complete the text. Once the query finishes, the list of books is displayed with a portion of the details. A user can select a book to see all the details, stored in the Search Index, of the book. Includes full source code. |
| Name |
|---|
| Install and manage Node.js for Azure development |
| Deploy Express.js MongoDB app to App Service from Visual Studio Code |
| Name | Notes |
|---|---|
| How to use Cassandra on Azure Cosmos DB | To create, move, or use a Cassandra DB database to Azure, you need a Cosmos DB resource. Learn how to create the resource and use your database. |
| How to use MongoDB on Azure Cosmos DB | To create, move, or use a mongoDB database to Azure, you need a Cosmos DB resource. Learn how to create the resource and use your database. |
| How to use MariaDb on Azure | To create, move, or use a MariaDB database to Azure, you need a Azure Database for MariaDB resource. Learn how to create the resource and use your database. |
| How to use MySql on Azure | To create, move, or use a MySQL database to Azure, you need a Azure Database for MySQL resource. Learn how to create the resource and use your database. |
| How to use PostgreSQL on Azure | To create, move, or use a PostgreSQL database to Azure, you need a Azure Database for PostgreSQL server resource. Learn how to create the resource and use your database. |
| Develop a JavaScript application for Azure Cache for *Redis | To create, move, or use a Redis database to Azure, you need an Azure Cache for Redis resource. Learn how to create the resource and use your database. |
| Develop a JavaScript application for Cosmos DB with SQL API | To create or use Cosmos DB with the SQL API use a Cosmos DB resource. Learn how to create the Cosmos resource and use your database. |
| Name | Notes |
|---|---|
| Top tasks for JavaScript developers |
| Name | Notes |
|---|---|
| What's new with Developer Advocates | Blogs, videos, Learn modules |
| Tutorial: Convert text to speech | In this tutorial, add Cognitive Services Speech to an existing Express.js app to add conversion from text to speech using the Cognitive Services Speech service. Converting text to speech allows you to provide audio without the cost of manually generating the audio. |
| How-to guide with Azure CLI | * Create and use container registry * Configuring a custom domain name * Create and use MongoDB on Azure with Cosmos DB |
| How-to guide with Visual Studio Code | * Develop and debug Node.js * Clone and use a GitHub repository * Create a container image from your local JavaScript project |
| Name | Notes |
|---|---|
| For beginners | Various collections of online materials to get started with JavaScript, Node.js, web development and other areas of interest to JavaScript developers. |
| Top tasks for JavaScript developers | Find an example of your current tasks. |
| Configure Visual Studio Code launch file | If you need to connect to your own server, and need to ignore CORS security while running and debugging with the client locally, the recommended solution is to configure this setting in the Visual Studio Code debug file, launch.json, to pass settings to the browser to disable the security. |
| Name | Notes |
|---|---|
| Tutorial: Add login button to a React Static Web app for Microsoft Authentication | Azure authentication presented in this tutorial is a login and logout button, and provides access to a user's account. Develop the application with an Azure client-side SDK, @azure/msal-browser, to manage the interaction of the user in the single page application (SPA). |
| What is Azure for JavaScript developers? | Azure concepts JavaScript developers need to be successful. |
| Install Node.js | Install and manage Node.js for common Azure development scenarios |
| Configure web apps on Azure | Learn how to set common configurations for your web app. |
| Common top tasks for JavaScript developers | Find an example of your current tasks. |
| Automate tasks with Azure CLI | Automating Azure tasks is a common requirement for continuous deployment to hosting environments. Azure CLI is the recommended choice for JavaScript developers managing tasks and deploying from any location. |
| Name |
|---|
| Static Web App, JavaScript, CodeTour: Use basketball stats to optimize game play with Visual Studio Code, inspired by SPACE JAM: A NEW LEGACY - Learn |
| Build a simple website using HTML, CSS, and JavaScript - Learn |
| Use Visual Studio Code to build a JavaScript and Vue.js dashboard with a Serverless API powered by Azure Functions and Node.js. - Learn |
Welcome to what's new in the JavaScript docs from November 2020. This article lists some of the major changes to docs during this period.
| Name | Notes |
|---|---|
| Tutorial: Build and deploy a React Static Web app to Azure | In this tutorial, build and deploy a React client application to an Azure Static Web App with a GitHub action. The create-react-app allows you to analyze an image with Cognitive Services Computer Vision. The GitHub action starts when a push to a specific remote branch happens, building the React (create-react-app) client, and moving the resulting files to your Azure Static Web app resource. |
| Tutorial: Deploy app to Linux virtual machine | In this tutorial, create a Linux virtual machine (VM) for an Express.js app. The VM is configured with a cloud-init configuration file and includes NGINX and a GitHub repository for an Express.js app. Once the VM is running, you can connect to the VM with SSH, change the web app to including trace logging, and view the public Express.js server app in a web browser. |
| Name | Notes |
|---|---|
| Learn | New modules and certifications for JavaScript. |
Welcome to what's new in the JavaScript docs from October 2020. This article lists some of the major changes to docs during this period.
| Name | Notes |
|---|---|
| Tutorial: Upload image to Blob Storage | In this tutorial, use a React app to upload a file to an Azure Storage blob. The programming work is done for you, this tutorial focuses on using the local and remote Azure environments successfully from inside Visual Studio Code with Azure extensions. |
| Tutorial: Deploy Node.js with database app to App Service from Visual Studio Code | In this tutorial, use a Express.js Node.js app with a MongoDB database using the MongoDB native API. Deploy the Node.js application to Azure App Service (on Linux) then verify the cloud-based app works. The programming work is done for you, this tutorial focuses on creating the Azure resources and deploying to Azure from inside Visual Studio Code with Azure extensions. |
| Name | Notes |
|---|---|
| How-to: Serverless functions | Functions run on top of a web service, as code or a Docker container, which is abstracted away so you can focus on the code for your endpoint. |
| Get started: Authenticate with the Azure management modules for JavaScript | There are multiple ways of authenticating and creating the required credentials. |