问题标签 [asp.net-spa]

我是使用 Backbone.js 和 Marionette.js 的 ASP.NET 单页应用程序 (SPA) 的新手

任何人都可以提供一个可靠的代码示例和解释以开始使用 Visual Studio 2012

实际上，我需要一个在 VS2012 中使用 ASP.NET SPA(MVC4) + Backbone.js 和 Marionette.js 代替 Knockout.js 的工作示例

这是迄今为止我最喜欢的一个： http ://blog.patrickmriley.net/2013/06/mvc4-marionette-todomvc-template.html?showComment=1375253174438#c3265360992803109932

但仍然没有代码解释。

任何帮助将不胜感激。

谢谢

I have an application which is built in ASP.Net WebForms and Silverlight. There is another WCF services application which is accessed by silverlight part of my application.

Now I have to Re create the whole application in an MVC Single Page Application(SPA) and of course the WCF one because now I would need Web API for that.

An initial solution comes into mind is to add a web api project into wcf services application and start creating web methods there and call wcf methods from there if that functionality was already there.

And for webform start a new spa with mvc project from scratch and use durandal or any other spa client framework(hell of coding).

Any useful solution/advise? as I am looking for simplicity.

I searched around and found some questions but really did not helped as they are about merging with existing apps.

Note: application is a large application with a lot of functionalities

有谁知道在 Visual Studio 2013 SPA 模板上构建的任何文档或工作示例（截至 2014 年 1 月）？我对 Javascript 代码的一般架构特别感兴趣，它是如何构造添加新控制器和区域时所需的更改等。我对 Javascript 和 JQuery 相对较新，但不是一般的软件开发。

当我在网上搜索“ASP.NET SPA 模板”时，有很多热毛巾和其他模板以及 VS2012.2 SPA 模板的点击量，它们的结构似乎不同，但我没有发现任何与在 vanilla SPA 上构建相关的内容Visual Studio 2013 Professional 开箱即用的模板。

我正在使用 ASP.NET SPA 模板，但重新制作它以使用 AngularJS 而不是 KnockoutJS。我遇到的问题是授权访问令牌。默认情况下，在此模板中，通过将用户重定向到 来检索授权访问令牌，之后，将用户作为参数/Account/Authorize?client_id=web&response_type=token重定向到主页。/#access_token=TOKEN_HERE&token_type=bearer&expires_in=1209600在 KO 模板中，有一个common带有函数的对象，getFragment它读取这个 url 参数，并返回这个访问令牌。在模板中，有这段代码，每次重新加载页面时都会执行

dataModel.get/setAccessToken将令牌作为变量存储在 LocalStorage 中。如果本地存储中没有访问令牌，我试图将这段代码插入 AngularJS 控制器，重定向用户。但是如果我使用 ngRoute，它会与响应混淆。它将 URL 更改为在 app.Config 中设置的默认路由，并在我读取它之前从 URL 中清除返回的令牌。

你能帮我弄清楚，我应该如何以及在哪里真正使用它？

我使用 Visual Studio Asp.Net SPA 项目模板创建了一个 ASP.net MVC WebApi 2 项目，并通过运行以下 jspm 命令将 Aurelia 安装到根文件夹中。我选择了 TypeScript 作为转译器。

• jspm init

• jspm install aurelia-framework

• jspm install aurelia-bootstrapper

现在我需要为项目安装/配置 TypeScript。

任何人都可以发布要遵循的步骤吗？

更新 如何为现有项目添加 Typescript 支持？我将app.js文件重命名为app.ts. 我也添加了tsconfig.json文件。

项目文件夹结构：

App.Ts 文件

当我构建项目时，由于以下错误，构建失败。

我有一个 ASP.NET webapi2 的 API。不是 .NET 核心。然后我有一个 React SPA。我正在使用身份和 Oauth2。

我正在实施身份验证系统，密码重置流程让我有点难过。API 将生成一个通过电子邮件发送给客户端的令牌。然后客户端单击链接以导航到某处。

链接导航到客户端 javascript 应用程序是有意义的，该应用程序然后从令牌中获取参数并将它们提交给 API。问题在于 API 必须知道客户端 url 才能生成链接。我不希望 API 知道有关客户端应用程序所在位置的任何信息，因为这看起来像是愚蠢的耦合。

另一种选择是密码重置链接直接导航到 API，然后将用户重定向到客户端应用程序。这有同样的问题，API 需要知道客户端在哪里，它也有这个讨厌的重定向黑客。

是否有这方面的资源或关于这应该如何工作的建议？

谢谢

我使用 dotnet new 命令生成了 Microsoft reactredux SPA 模板。并尝试使用material-ui。如果我只用 MuiThemeProvider 包装我的应用程序并且不实现任何组件应用程序。当我每次遇到异常时都尝试使用 material-ui 中的任何组件时。这是我使用 MuiThemeProvider 的引导客户端类：

这是我使用 material-ui 组件的布局类：

运行应用程序时，此堆栈跟踪出现错误：

注意：我将 VS Pro 2017 v15.2 与目标框架 .NETCoreApp 1.1 一起使用，这是我的 package.json 文件：

我正在迁移我的 ASP.Net Core Angular 项目以使用使用 Angular 5 的 Microsoft.DotNet.Web.Spa.ProjectTemplates 2.0.0。

在开发模式下运行时，我收到一条错误消息：

Microsoft.AspNetCore.NodeServices.HostingModels.NodeInvocationException：Webpack 开发中间件由于加载“aspnet-webpack”时出错而失败。错误是：错误：找不到模块'aspnet-webpack

这个新模板中的 aspnet-webpack 是否被其他东西取代了？为什么我的应用程序在寻找它？

我尝试使用“npm i -save aspnet-webpack”安装它，但我仍然遇到同样的错误。

我使用内置的 React/Redux 模板创建了一个 ASP.NET Core 2.1 SPA 应用程序，该模板很好地配置了所有内容。

我的应用程序需要身份验证，因为它是一个SPA app，我想让我的身份验证选项非常简单，所以我只配置了jwt身份验证和MSAL处理jwt令牌。

但是，我想为公共/未经身份验证的用户提供一个简单的静态 HTML 页面。所以我的问题是如何为匿名用户创建这条路线并确保他们被重定向到它？

项目结构如下所示，这正是我在 VS 为我创建 React 应用程序时开箱即用的内容：

我看到的唯一路线Startup.cs以及 SPA 相关配置是：

所以，简而言之，我该如何为我想为匿名用户创建的静态页面创建一个路由，并确保我的用户在没有jwt令牌时被重定向到它？

我正在尝试使用 asp.net 核心及其 Angular SPA 模板开发LTI工具。学习管理系统可以通过在他们的网站中嵌入一个 i-frame 来使用我的工具（这是一个 Web 应用程序），并且他们通过使用附加了附加表单数据的 HTTP POST 请求来做到这一点。如果我使用 asp.net 核心 MVC 项目，该 POST 请求将达到与 GET 请求相同的操作，并且将呈现所需的视图，但使用 Angular 项目模板，我将到达一个带有此消息的空 html 页面

无法发布 /

我可以通过添加带有[Post("/")]属性的操作并通过使用重定向到主页来解决问题，Redirect("/")但我想知道是否有更好的解决方案。