Skip to content

Commit 12c4751

Browse files
author
Steve Hobbs
authored
Replace docs notes
1 parent c55be8c commit 12c4751

File tree

1 file changed

+5
-12
lines changed

1 file changed

+5
-12
lines changed

01-Login/TUTORIAL.md

Lines changed: 5 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,8 @@
22

33
This tutorial will guide you in modifying an Angular application demonstrating how users can log in and log out with Auth0 and view profile information. It will also show you how to protect routes from unauthenticated users.
44

5-
::: note
6-
This tutorial assumes that you're able to use the [Angular CLI](https://cli.angular.io/) to generate new components and services on your project. If not, please place the files where appropriate and ensure that any references to them regarding import paths are correct for your scenario.
7-
:::
5+
6+
> This tutorial assumes that you're able to use the [Angular CLI](https://cli.angular.io/) to generate new components and services on your project. If not, please place the files where appropriate and ensure that any references to them regarding import paths are correct for your scenario.
87
98
## Create an Angular Application
109

@@ -34,9 +33,7 @@ By default, the Angular CLI serves your app on port `4200`. This should run on p
3433
"start": "ng serve --port 3000"
3534
```
3635

37-
:::note
38-
If you are following this tutorial using your own Angular application that runs on a different port, you should modify the URLs above when configuring Auth0 so that they match the host and port number of your own application.
39-
:::
36+
> If you are following this tutorial using your own Angular application that runs on a different port, you should modify the URLs above when configuring Auth0 so that they match the host and port number of your own application.
4037
4138
## Install the SDK
4239

@@ -234,9 +231,7 @@ We also need to handle login redirects when the application loads. In the authen
234231

235232
We can also call `handleAuthCallback()` from the `constructor`.
236233

237-
:::note
238-
**Angular and the Auth0 SPA JS SDK:** `auth0-spa-js` is a promise-based library built using async/await, providing an agnostic approach for the highest volume of JavaScript apps. The Angular platform manages asynchronous code by [using reactive programming and observable streams with RxJS](https://angular.io/guide/rx-library). To enable the async/await library to work seamlessly with Angular’s stream-based approach, we have converted the async/await functionality to observables for you in this service. This improves the developer experience for interoperability between the SDK and the Angular platform.
239-
:::
234+
> **Angular and the Auth0 SPA JS SDK:** `auth0-spa-js` is a promise-based library built using async/await, providing an agnostic approach for the highest volume of JavaScript apps. The Angular platform manages asynchronous code by [using reactive programming and observable streams with RxJS](https://angular.io/guide/rx-library). To enable the async/await library to work seamlessly with Angular’s stream-based approach, we have converted the async/await functionality to observables for you in this service. This improves the developer experience for interoperability between the SDK and the Angular platform.
240235
241236
## Create a Navigation Bar Component
242237

@@ -428,8 +423,6 @@ const routes: Routes = [
428423
...
429424
```
430425

431-
::: note
432-
Guards are arrays because multiple guards can be added to the same route. They will run in the order declared in the array.
433-
:::
426+
> Guards are arrays because multiple guards can be added to the same route. They will run in the order declared in the array.
434427
435428
> **Checkpoint:** Log out of your app and then navigate to `http://localhost:3000/profile`. You should be automatically redirected to the Auth0 login page. Once you've authenticated successfully, you should be redirected to the `/profile` page.

0 commit comments

Comments
 (0)