You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: aspnetcore/client-side/spa-services.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -19,7 +19,7 @@ By [Fiyaz Hasan](https://fiyazhasan.me/)
19
19
20
20
:::moniker-end
21
21
22
-
A Single Page Application (SPA) is a popular type of web application due to its inherent rich user experience. Integrating client-side SPA frameworks or libraries, such as [Angular](https://angular.io/) or [React](https://facebook.github.io/react/), with server-side frameworks such as ASP.NET Core can be difficult. JavaScript Services was developed to reduce friction in the integration process. It enables seamless operation between the different client and server technology stacks.
22
+
A Single Page Application (SPA) is a popular type of web application due to its inherent rich user experience. Integrating client-side SPA frameworks or libraries, such as [Angular](https://angular.dev/) or [React](https://facebook.github.io/react/), with server-side frameworks such as ASP.NET Core can be difficult. JavaScript Services was developed to reduce friction in the integration process. It enables seamless operation between the different client and server technology stacks.
Copy file name to clipboardExpand all lines: aspnetcore/client-side/spa-services/sample/SpaServicesSampleApp/ClientApp/app/components/home/home.component.html
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@ <h1>Hello, world!</h1>
2
2
<p>Welcome to your new single-page application, built with:</p>
3
3
<ul>
4
4
<li><ahref='https://get.asp.net/'>ASP.NET Core</a> and <ahref='https://msdn.microsoft.com/library/67ef8sbd.aspx'>C#</a> for cross-platform server-side code</li>
5
-
<li><ahref='https://angular.io/'>Angular</a> and <ahref='http://www.typescriptlang.org/'>TypeScript</a> for client-side code</li>
5
+
<li><ahref='https://angular.dev/'>Angular</a> and <ahref='http://www.typescriptlang.org/'>TypeScript</a> for client-side code</li>
6
6
<li><ahref='https://webpack.github.io/'>Webpack</a> for building and bundling client-side resources</li>
7
7
<li><ahref='http://getbootstrap.com/'>Bootstrap</a> for layout and styling</li>
Copy file name to clipboardExpand all lines: aspnetcore/client-side/spa/includes/angular3-7.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -39,7 +39,7 @@ The project template creates an ASP.NET Core app and an Angular app. The ASP.NET
39
39
40
40
## Add pages, images, styles, and modules
41
41
42
-
The `ClientApp` directory contains a standard Angular CLI app. See the official [Angular documentation](https://angular.io) for more information.
42
+
The `ClientApp` directory contains a standard Angular CLI app. See the official [Angular documentation](https://angular.dev) for more information.
43
43
44
44
There are slight differences between the Angular app created by this template and the one created by Angular CLI itself (via `ng new`); however, the app's capabilities are unchanged. The app created by the template contains a [Bootstrap](https://getbootstrap.com/)-based layout and a basic routing example.
45
45
@@ -51,7 +51,7 @@ In a command prompt, switch to the `ClientApp` subdirectory:
51
51
cd ClientApp
52
52
```
53
53
54
-
If you have the `ng` tool installed globally, you can run any of its commands. For example, you can run `ng lint`, `ng test`, or any of the other [Angular CLI commands](https://angular.io/cli). There's no need to run `ng serve` though, because your ASP.NET Core app deals with serving both server-side and client-side parts of your app. Internally, it uses `ng serve` in development.
54
+
If you have the `ng` tool installed globally, you can run any of its commands. For example, you can run `ng lint`, `ng test`, or any of the other [Angular CLI commands](https://angular.dev/cli). There's no need to run `ng serve` though, because your ASP.NET Core app deals with serving both server-side and client-side parts of your app. Internally, it uses `ng serve` in development.
55
55
56
56
If you don't have the `ng` tool installed, run `npm run ng` instead. For example, you can run `npm run ng lint` or `npm run ng test`.
57
57
@@ -144,7 +144,7 @@ The project template creates an ASP.NET Core app and an Angular app. The ASP.NET
144
144
145
145
## Add pages, images, styles, and modules
146
146
147
-
The `ClientApp` directory contains a standard Angular CLI app. See the official [Angular documentation](https://angular.io) for more information.
147
+
The `ClientApp` directory contains a standard Angular CLI app. See the official [Angular documentation](https://angular.dev) for more information.
148
148
149
149
There are slight differences between the Angular app created by this template and the one created by Angular CLI itself (via `ng new`); however, the app's capabilities are unchanged. The app created by the template contains a [Bootstrap](https://getbootstrap.com/)-based layout and a basic routing example.
150
150
@@ -156,7 +156,7 @@ In a command prompt, switch to the `ClientApp` subdirectory:
156
156
cd ClientApp
157
157
```
158
158
159
-
If you have the `ng` tool installed globally, you can run any of its commands. For example, you can run `ng lint`, `ng test`, or any of the other [Angular CLI commands](https://angular.io/cli). There's no need to run `ng serve` though, because your ASP.NET Core app deals with serving both server-side and client-side parts of your app. Internally, it uses `ng serve` in development.
159
+
If you have the `ng` tool installed globally, you can run any of its commands. For example, you can run `ng lint`, `ng test`, or any of the other [Angular CLI commands](https://angular.dev/cli). There's no need to run `ng serve` though, because your ASP.NET Core app deals with serving both server-side and client-side parts of your app. Internally, it uses `ng serve` in development.
160
160
161
161
If you don't have the `ng` tool installed, run `npm run ng` instead. For example, you can run `npm run ng lint` or `npm run ng test`.
Copy file name to clipboardExpand all lines: aspnetcore/client-side/spa/includes/intro6-7.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -3,7 +3,7 @@
3
3
4
4
## Architecture of Single Page Application templates
5
5
6
-
The Single Page Application (SPA) templates for [Angular](https://angular.io/) and [React](https://reactjs.org/) offer the ability to develop Angular and React apps that are hosted inside a .NET backend server.
6
+
The Single Page Application (SPA) templates for [Angular](https://angular.dev/) and [React](https://reactjs.org/) offer the ability to develop Angular and React apps that are hosted inside a .NET backend server.
7
7
8
8
At publish time, the files of the Angular and React app are copied to the `wwwroot` folder and are served via the [static files middleware](xref:fundamentals/static-files).
9
9
@@ -77,7 +77,7 @@ The template generated `ClientApp/package.json` file:
77
77
* The `prestart` script invokes `ClientApp/aspnetcore-https.js`, which is responsible for ensuring the development server HTTPS certificate is available to the SPA proxy server.
78
78
* The `start:windows` and `start:default`:
79
79
80
-
* Launch the Angular development server via [`ng serve`](https://angular.io/cli/serve).
80
+
* Launch the Angular development server via [`ng serve`](https://angular.dev/cli/serve).
81
81
* Provide the port, the options to use HTTPS, and the path to the certificate and the associated key. The provide port number matches the port number specified in the `.csproj` file.
82
82
83
83
The template generated `ClientApp/angular.json` file contains:
Copy file name to clipboardExpand all lines: aspnetcore/includes/spa-templates-recommend-vs.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ ms.author: tdykstra
4
4
ms.date: 10/10/2023
5
5
ms.topic: include
6
6
---
7
-
Visual Studio provides project templates for creating single-page apps (SPAs) based on JavaScript frameworks such as [Angular](https://angular.io/), [React](https://facebook.github.io/react/), and [Vue](https://vuejs.org/) that have an ASP.NET Core backend. These templates:
7
+
Visual Studio provides project templates for creating single-page apps (SPAs) based on JavaScript frameworks such as [Angular](https://angular.dev/), [React](https://facebook.github.io/react/), and [Vue](https://vuejs.org/) that have an ASP.NET Core backend. These templates:
8
8
9
9
* Create a Visual Studio solution with a frontend project and a backend project.
10
10
* Use the Visual Studio project type for JavaScript and TypeScript (*.esproj*) for the frontend.
Copy file name to clipboardExpand all lines: aspnetcore/release-notes/aspnetcore-8.0.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -871,7 +871,7 @@ The following sections describe miscellaneous new features in ASP.NET Core 8.
871
871
872
872
### Visual Studio project templates for SPA apps with ASP.NET Core backend
873
873
874
-
VisualStudioprojecttemplatesarenowtherecommendedwaytocreatesingle-pageapps (SPAs) thathaveanASP.NETCorebackend. TemplatesareprovidedthatcreateappsbasedontheJavaScriptframeworks [Angular](https://angular.io/), [React](https://facebook.github.io/react/), and [Vue](https://vuejs.org/). These templates:
874
+
VisualStudioprojecttemplatesarenowtherecommendedwaytocreatesingle-pageapps (SPAs) thathaveanASP.NETCorebackend. TemplatesareprovidedthatcreateappsbasedontheJavaScriptframeworks [Angular](https://angular.dev/), [React](https://facebook.github.io/react/), and [Vue](https://vuejs.org/). These templates:
The preceding example sets a cookie named `XSRF-TOKEN`. The client can read this cookie and provide its value as a header attached to AJAX requests. For example, Angular includes [built-in XSRF protection](https://angular.io/guide/http#security-xsrf-protection) that reads a cookie named `XSRF-TOKEN` by default.
192
+
The preceding example sets a cookie named `XSRF-TOKEN`. The client can read this cookie and provide its value as a header attached to AJAX requests. For example, Angular includes [built-in XSRF protection](https://angular.dev/best-practices/security#httpclient-xsrf-csrf-security) that reads a cookie named `XSRF-TOKEN` by default.
193
193
194
194
### Require antiforgery validation
195
195
@@ -510,7 +510,7 @@ For more information, see <xref:Microsoft.AspNetCore.Builder.CookieAuthenticatio
The preceding example sets a cookie named `XSRF-TOKEN`. The client can read this cookie and provide its value as a header attached to AJAX requests. For example, Angular includes [built-in XSRF protection](https://angular.io/guide/http#security-xsrf-protection) that reads a cookie named `XSRF-TOKEN` by default.
513
+
The preceding example sets a cookie named `XSRF-TOKEN`. The client can read this cookie and provide its value as a header attached to AJAX requests. For example, Angular includes [built-in XSRF protection](https://angular.dev/best-practices/security#httpclient-xsrf-csrf-security) that reads a cookie named `XSRF-TOKEN` by default.
514
514
515
515
### Require antiforgery validation
516
516
@@ -782,7 +782,7 @@ For more information, see <xref:Microsoft.AspNetCore.Builder.CookieAuthenticatio
The preceding example sets a cookie named `XSRF-TOKEN`. The client can read this cookie and provide its value as a header attached to AJAX requests. For example, Angular includes [built-in XSRF protection](https://angular.io/guide/http#security-xsrf-protection) that reads a cookie named `XSRF-TOKEN` by default.
785
+
The preceding example sets a cookie named `XSRF-TOKEN`. The client can read this cookie and provide its value as a header attached to AJAX requests. For example, Angular includes [built-in XSRF protection](https://angular.dev/best-practices/security#httpclient-xsrf-csrf-security) that reads a cookie named `XSRF-TOKEN` by default.
Copy file name to clipboardExpand all lines: aspnetcore/security/authorization/limitingidentitybyscheme/samples/AuthScheme/ClientApp/src/app/home/home.component.html
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@ <h1>Hello, world!</h1>
2
2
<p>Welcome to your new single-page application, built with:</p>
3
3
<ul>
4
4
<li><ahref='https://get.asp.net/'>ASP.NET Core</a> and <ahref='https://msdn.microsoft.com/en-us/library/67ef8sbd.aspx'>C#</a> for cross-platform server-side code</li>
5
-
<li><ahref='https://angular.io/'>Angular</a> and <ahref='http://www.typescriptlang.org/'>TypeScript</a> for client-side code</li>
5
+
<li><ahref='https://angular.dev/'>Angular</a> and <ahref='http://www.typescriptlang.org/'>TypeScript</a> for client-side code</li>
6
6
<li><ahref='http://getbootstrap.com/'>Bootstrap</a> for layout and styling</li>
7
7
</ul>
8
8
<p>To help you get started, we've also set up:</p>
Copy file name to clipboardExpand all lines: aspnetcore/tutorials/choose-web-ui.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -61,7 +61,7 @@ To get started with ASP.NET Core MVC, see <xref:tutorials/first-mvc-app/start-m
61
61
62
62
## ASP.NET Core Single Page Applications (SPA) with frontend JavaScript frameworks
63
63
64
-
Build client-side logic for ASP.NET Core apps using popular JavaScript frameworks, like [Angular](https://angular.io/), [React](https://facebook.github.io/react/), and [Vue](https://vuejs.org/). ASP.NET Core provides project templates for Angular, React, and Vue, and it can be used with other JavaScript frameworks as well.
64
+
Build client-side logic for ASP.NET Core apps using popular JavaScript frameworks, like [Angular](https://angular.dev/), [React](https://facebook.github.io/react/), and [Vue](https://vuejs.org/). ASP.NET Core provides project templates for Angular, React, and Vue, and it can be used with other JavaScript frameworks as well.
65
65
66
66
Benefits of ASP.NET Core SPA with JavaScript Frameworks, in addition to the client rendering benefits previously listed:
Copy file name to clipboardExpand all lines: aspnetcore/tutorials/choose-web-ui/includes/choose-web-ui3-7.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -49,7 +49,7 @@ To get started with ASP.NET Core MVC, see <xref:tutorials/first-mvc-app/start-m
49
49
50
50
## ASP.NET Core Single Page Applications (SPA) with frontend JavaScript frameworks
51
51
52
-
Build client-side logic for ASP.NET Core apps using popular JavaScript frameworks, like [Angular](https://angular.io/), [React](https://facebook.github.io/react/), and [Vue](https://vuejs.org/). ASP.NET Core provides project templates for Angular, React, and Vue, and it can be used with other JavaScript frameworks as well.
52
+
Build client-side logic for ASP.NET Core apps using popular JavaScript frameworks, like [Angular](https://angular.dev/), [React](https://facebook.github.io/react/), and [Vue](https://vuejs.org/). ASP.NET Core provides project templates for Angular, React, and Vue, and it can be used with other JavaScript frameworks as well.
53
53
54
54
Benefits of ASP.NET Core SPA with JavaScript Frameworks, in addition to the client rendering benefits previously listed:
0 commit comments