|
| 1 | +## Azure TemplateSpecsClient SDK for JavaScript |
| 2 | + |
| 3 | +This package contains an isomorphic SDK (runs both in node.js and in browsers) for TemplateSpecsClient. |
| 4 | + |
| 5 | +### Currently supported environments |
| 6 | + |
| 7 | +- [LTS versions of Node.js](https://nodejs.org/about/releases/) |
| 8 | +- Latest versions of Safari, Chrome, Edge and Firefox. |
| 9 | + |
| 10 | +### Prerequisites |
| 11 | + |
| 12 | +You must have an [Azure subscription](https://azure.microsoft.com/free/). |
| 13 | + |
| 14 | +### How to install |
| 15 | + |
| 16 | +To use this SDK in your project, you will need to install two packages. |
| 17 | +- `@azure/arm-templatespecs` that contains the client. |
| 18 | +- `@azure/identity` that provides different mechanisms for the client to authenticate your requests using Azure Active Directory. |
| 19 | + |
| 20 | +Install both packages using the below command: |
| 21 | +```bash |
| 22 | +npm install --save @azure/arm-templatespecs @azure/identity |
| 23 | +``` |
| 24 | +> **Note**: You may have used either `@azure/ms-rest-nodeauth` or `@azure/ms-rest-browserauth` in the past. These packages are in maintenance mode receiving critical bug fixes, but no new features. |
| 25 | +If you are on a [Node.js that has LTS status](https://nodejs.org/about/releases/), or are writing a client side browser application, we strongly encourage you to upgrade to `@azure/identity` which uses the latest versions of Azure Active Directory and MSAL APIs and provides more authentication options. |
| 26 | + |
| 27 | +### How to use |
| 28 | + |
| 29 | +- If you are writing a client side browser application, |
| 30 | + - Follow the instructions in the section on Authenticating client side browser applications in [Azure Identity examples](https://aka.ms/azsdk/js/identity/examples) to register your application in the Microsoft identity platform and set the right permissions. |
| 31 | + - Copy the client ID and tenant ID from the Overview section of your app registration in Azure portal and use it in the browser sample below. |
| 32 | +- If you are writing a server side application, |
| 33 | + - [Select a credential from `@azure/identity` based on the authentication method of your choice](https://aka.ms/azsdk/js/identity/examples) |
| 34 | + - Complete the set up steps required by the credential if any. |
| 35 | + - Use the credential you picked in the place of `DefaultAzureCredential` in the Node.js sample below. |
| 36 | + |
| 37 | +In the below samples, we pass the credential and the Azure subscription id to instantiate the client. |
| 38 | +Once the client is created, explore the operations on it either in your favorite editor or in our [API reference documentation](https://docs.microsoft.com/javascript/api) to get started. |
| 39 | +#### nodejs - Authentication, client creation, and get templateSpecs as an example written in JavaScript. |
| 40 | + |
| 41 | +##### Sample code |
| 42 | + |
| 43 | +```javascript |
| 44 | +const { DefaultAzureCredential } = require("@azure/identity"); |
| 45 | +const { TemplateSpecsClient } = require("@azure/arm-templatespecs"); |
| 46 | +const subscriptionId = process.env["AZURE_SUBSCRIPTION_ID"]; |
| 47 | + |
| 48 | +// Use `DefaultAzureCredential` or any other credential of your choice based on https://aka.ms/azsdk/js/identity/examples |
| 49 | +// Please note that you can also use credentials from the `@azure/ms-rest-nodeauth` package instead. |
| 50 | +const creds = new DefaultAzureCredential(); |
| 51 | +const client = new TemplateSpecsClient(creds, subscriptionId); |
| 52 | +const resourceGroupName = "testresourceGroupName"; |
| 53 | +const templateSpecName = "testtemplateSpecName"; |
| 54 | +const expand = "versions"; |
| 55 | +client.templateSpecs.get(resourceGroupName, templateSpecName, expand).then((result) => { |
| 56 | + console.log("The result is:"); |
| 57 | + console.log(result); |
| 58 | +}).catch((err) => { |
| 59 | + console.log("An error occurred:"); |
| 60 | + console.error(err); |
| 61 | +}); |
| 62 | +``` |
| 63 | + |
| 64 | +#### browser - Authentication, client creation, and get templateSpecs as an example written in JavaScript. |
| 65 | + |
| 66 | +In browser applications, we recommend using the `InteractiveBrowserCredential` that interactively authenticates using the default system browser. |
| 67 | + - See [Single-page application: App registration guide](https://docs.microsoft.com/azure/active-directory/develop/scenario-spa-app-registration) to configure your app registration for the browser. |
| 68 | + - Note down the client Id from the previous step and use it in the browser sample below. |
| 69 | + |
| 70 | +##### Sample code |
| 71 | + |
| 72 | +- index.html |
| 73 | + |
| 74 | +```html |
| 75 | +<!DOCTYPE html> |
| 76 | +<html lang="en"> |
| 77 | + <head> |
| 78 | + <title>@azure/arm-templatespecs sample</title> |
| 79 | + <script src="node_modules/@azure/ms-rest-azure-js/dist/msRestAzure.js"></script> |
| 80 | + <script src="node_modules/@azure/identity/dist/index.js"></script> |
| 81 | + <script src="node_modules/@azure/arm-templatespecs/dist/arm-templatespecs.js"></script> |
| 82 | + <script type="text/javascript"> |
| 83 | + const subscriptionId = "<Subscription_Id>"; |
| 84 | + // Create credentials using the `@azure/identity` package. |
| 85 | + // Please note that you can also use credentials from the `@azure/ms-rest-browserauth` package instead. |
| 86 | + const credential = new InteractiveBrowserCredential( |
| 87 | + { |
| 88 | + clientId: "<client id for your Azure AD app>", |
| 89 | + tenant: "<optional tenant for your organization>" |
| 90 | + }); |
| 91 | + const client = new Azure.ArmTemplatespecs.TemplateSpecsClient(creds, subscriptionId); |
| 92 | + const resourceGroupName = "testresourceGroupName"; |
| 93 | + const templateSpecName = "testtemplateSpecName"; |
| 94 | + const expand = "versions"; |
| 95 | + client.templateSpecs.get(resourceGroupName, templateSpecName, expand).then((result) => { |
| 96 | + console.log("The result is:"); |
| 97 | + console.log(result); |
| 98 | + }).catch((err) => { |
| 99 | + console.log("An error occurred:"); |
| 100 | + console.error(err); |
| 101 | + }); |
| 102 | + </script> |
| 103 | + </head> |
| 104 | + <body></body> |
| 105 | +</html> |
| 106 | +``` |
| 107 | + |
| 108 | +## Related projects |
| 109 | + |
| 110 | +- [Microsoft Azure SDK for Javascript](https://github.com/Azure/azure-sdk-for-js) |
| 111 | + |
| 112 | + |
0 commit comments