Skip to content

Commit f894406

Browse files
Dickson-MwendiaDickson-Mwendia
committed
more updates to code samples
1 parent 157f122 commit f894406

1 file changed

Lines changed: 20 additions & 55 deletions

File tree

‎README.md‎

Lines changed: 20 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -35,67 +35,31 @@ The following tables are a summary of code samples alongside links to tutorials
3535
### Chapter 1: Sign-in a user to your application with Azure AD for customers
3636

3737

38-
Language/Platform + App type |Scenario| GitHub code sample | Explore and run code sample guide | Build and integrate tutorial |
38+
Language/platform + app type |Scenario| GitHub code sample | Explore and run code sample | Build and integrate tutorial |
3939
| ------- | -------- | ------------- |-------------|---------------|
40-
VanillaJS SPA| ![Sign in users with a Vanilla JavaScript SPA](./1-Authentication/0-sign-in-vanillajs/ReadmeFiles/topology.png) | [**Sign in using a Vanilla JavaScript SPA with Azure AD for Customers**](./2-Authorization//0-call-api-vanillajs/README.md) | [Sign in users](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-single-page-app-vanillajs-sample-sign-in) | [Sign in users](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-single-page-app-vanillajs-prepare-tenant) |
41-
42-
43-
40+
VanillaJS SPA| ![Sign in users with a Vanilla JavaScript SPA](./1-Authentication/0-sign-in-vanillajs/ReadmeFiles/topology.png) | [**Sign in using a Vanilla JavaScript SPA**](./1-Authentication/0-sign-in-vanillajs/README.md) | [Sign in users](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-single-page-app-vanillajs-sample-sign-in) | [Sign in users](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-single-page-app-vanillajs-prepare-tenant) |
41+
|React SPA|![Sign in users with a React SPA](./1-Authentication/1-sign-in-react/ReadmeFiles/topology.png) | [**Sign in using a React SPA**](./1-Authentication/1-sign-in-react/README.md) | [Sign in users](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-single-page-application-react-sample) | [Sign in users](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-single-page-application-react-prepare-tenant) |
42+
Angular SPA|![Sign in users with an Angular SPA](./1-Authentication/1-sign-in-react/ReadmeFiles/topology.png) | [**Sign in using an Angular SPA**](./1-Authentication/2-sign-in-angular/README.md) | [Sign in users](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-single-page-application-angular-sample) | --- |
43+
Electron desktop app|![Sign in users with an Electron desktop app](./1-Authentication/3-sign-in-electron/ReadmeFiles/topology.png) | [**Sign in using an Electron desktop app**](./1-Authentication/3-sign-in-electron/README.md) | [Sign in users](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-desktop-app-electron-sample-sign-in) | --- |
44+
Node.js browserless app|![Sign in users with a Node.js browserless app](./1-Authentication/4-sign-in-device-code/ReadmeFiles/topology.png) | [**Sign in using a Node.js browserless app**](./1-Authentication/4-sign-in-device-code/README.md) | [Sign in users](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-browserless-app-node-sample-sign-in) | [Sign in users](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-browserless-app-node-sign-in-overview) |
45+
Node.js & Express web app|![Sign in users with a Node.js & Express web app](./1-Authentication/5-sign-in-express/ReadmeFiles/topology.png) | [**Sign in using a Node.js & Express web app**](./1-Authentication/5-sign-in-express/README.md) | [Sign in users](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-web-app-node-sample-sign-in) | [Sign in users](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-web-app-node-sign-in-overview) |
4446

4547

4648
### Chapter 2: Protect an API and call the API from your client app
4749

50+
The following table summarizes resources with guidance on how to protect your web API with the **Azure AD for Customers**. You then use a client application to sign-in a user, acquire an **Access Token** for your app to call the protected web API.
4851

4952

53+
Language/platform + app type |Scenario| GitHub code sample | Explore and run code sample | Build and integrate tutorial |
54+
| ------- | -------- | ------------- |-------------|---------------|
55+
Node.js & Express web app|![Sign in users and call an API using a Node.js & Express web app](./2-Authorization/4-call-api-express/ReadmeFiles/topology.png) | [**Sign in users and call an API using a Node.js & Express web app**](./2-Authorization/4-call-api-express/README.md) | [Sign in users and call an API](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-web-app-node-sample-sign-in-call-api) | [Sign in users and call an API](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-web-app-node-sign-in-call-api-overview) |
56+
Node.js daemon application|![Call an API using a Node.js daemon application](./2-Authorization/3-call-api-node-daemon/ReadmeFiles/topology.png)| [**Call an API using a Node.js daemon application**](/2-Authorization/3-call-api-node-daemon/README.md) | [Call an API](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-daemon-node-sample-call-api) |[Call an API](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/how-to-daemon-node-call-api-overview) |
57+
Vanilla JavaScript SPA|![Sign in users and call an API using a Vanilla JavaScript SPA](./2-Authorization/0-call-api-vanillajs/ReadmeFiles/topology.png) | [**Sign in users and call an API using a Vanilla JavaScript SPA**](./2-Authorization//0-call-api-vanillajs/README.md) | -- |-- |
58+
React SPA|![Sign in users and call an API using a React SPA](./2-Authorization/1-call-api-react/ReadmeFiles/topology.png) | [**Sign in users and call an API using a React SPA**](./2-Authorization/1-call-api-react/README.md) | -- |-- |
59+
Angular SPA|![Sign in users and call an API using an Angular SPA](./2-Authorization/2-call-api-angular/ReadmeFiles/topology.png) | [**Sign in users and call an API using an Angular SPA**](./2-Authorization/2-call-api-angular/README.md) | -- |-- |
5060

51-
###
52-
53-
54-
> Language/Platform | App type | Code sample | Explore and run code sample guide | Build and integrate tutorial |
55-
> | ------- | -------- | ------------- |
56-
> | Single-page application | • [Sign in users](how-to-single-page-app-vanillajs-sample-sign-in.md) | • [Sign in users](how-to-single-page-app-vanillajs-prepare-tenant.md) |
57-
58-
### JavaScript, Angular
59-
60-
> [!div class="mx-tdCol2BreakAll"]
61-
> | App type | Code sample guide | Build and integrate guide |
62-
> | ------- | -------- | ------------- |
63-
> | Single-page application | • [Sign in users](how-to-single-page-application-angular-sample.md) | --- |
64-
65-
### JavaScript, React
66-
67-
> [!div class="mx-tdCol2BreakAll"]
68-
> | App type | Code sample guide | Build and integrate guide |
69-
> | ------- | -------- | ------------- |
70-
> | Single-page application| • [Sign in users](how-to-single-page-application-react-sample.md) | • [Sign in users](how-to-single-page-application-react-prepare-tenant.md) |
71-
72-
### JavaScript, Node
73-
74-
> [!div class="mx-tdCol2BreakAll"]
75-
> | App type | Code sample guide | Build and integrate guide |
76-
> | ------- | -------- | ------------- |
77-
> | Browserless | • [Sign in users](how-to-browserless-app-node-sample-sign-in.md) | • [Sign in users](how-to-browserless-app-node-sign-in-overview.md ) |
78-
> | Daemon | • [Call an API](how-to-daemon-node-sample-call-api.md) | • [Call an API](how-to-daemon-node-call-api-overview.md) |
79-
80-
81-
### JavaScript, Node.js (Express)
82-
83-
> [!div class="mx-tdCol2BreakAll"]
84-
> | App type | Code sample guide | Build and integrate guide |
85-
> | ------- | -------- | ------------- |
86-
> | Web app |&#8226; [Sign in users](how-to-web-app-node-sample-sign-in.md)<br/> &#8226; [Sign in users and call an API](how-to-web-app-node-sample-sign-in-call-api.md) | &#8226; [Sign in users](how-to-web-app-node-sign-in-overview.md)<br/> &#8226; [Sign in users and call an API](how-to-web-app-node-sign-in-call-api-overview.md) |
87-
88-
### JavaScript, Electron
89-
90-
> [!div class="mx-tdCol2BreakAll"]
91-
> | App type | Code sample guide | Build and integrate guide |
92-
> | ------- | -------- | ------------- |
93-
> | Desktop | &#8226; [Sign in users](how-to-desktop-app-electron-sample-sign-in.md) | --- |
94-
95-
96-
## We'd love your feedback
9761

98-
Were we successful in addressing your learning objective? Consider taking a moment to [share your experience with us](https://forms.office.com/Pages/ResponsePage.aspx?id=v4j5cvGGr0GRqy180BHbR_ivMYEeUKlEq8CxnMPgdNZUNDlUTTk2NVNYQkZSSjdaTk5KT1o4V1VVNS4u).
62+
If you're looking for more samples on different authentication and authorization scenarios, see [Samples and guides for customer identity and access management (CIAM) in Azure Active Directory](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/samples-ciam-all?tabs=apptype)
9963

10064
## More information
10165

@@ -108,9 +72,10 @@ Learn more about the **Microsoft Entra External ID for customers**:
10872
- [Authentication methods and identity providers for customers](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/concept-authentication-methods-customers)
10973
- [Microsoft Entra External ID for customers frequently asked questions](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/faq-customers)
11074

111-
See more code samples:
11275

113-
- [Samples for customer identity and access management (CIAM) in Azure Active Directory](https://learn.microsoft.com/en-us/azure/active-directory/external-identities/customers/samples-ciam-all?tabs=apptype)
76+
## We'd love your feedback
77+
78+
Were we successful in addressing your learning objective? Consider taking a moment to [share your experience with us](https://forms.office.com/Pages/ResponsePage.aspx?id=v4j5cvGGr0GRqy180BHbR_ivMYEeUKlEq8CxnMPgdNZUNDlUTTk2NVNYQkZSSjdaTk5KT1o4V1VVNS4u).
11479

11580

11681
## Community help and support
@@ -119,7 +84,7 @@ See more code samples:
11984
- Post a question to [Microsoft Q&A](https://learn.microsoft.com/en-us/answers/) to get answers to your identity app development questions directly from Microsoft engineers, Azure Most Valuable Professionals (MVPs), and members of our expert community.
12085

12186
- Use [Stack Overflow](https://stackoverflow.com/questions/tagged/microsoft-entra-external-id) to get support from the community.
122-
Ask your questions on Stack Overflow first and browse existing issues to see if someone has asked your question before. Make sure that your questions or comments are tagged with [`ms-identity` `microsoft-entra-external-id``msal`].
87+
Ask your questions on Stack Overflow first and browse existing issues to see if someone has asked your question before. Make sure that your questions or comments are tagged with [`ms-identity` `microsoft-entra-external-id` `msal`].
12388

12489
- If you find a bug in the sample, please raise the issue on [GitHub Issues](../../issues).
12590

0 commit comments

Comments
 (0)