The project updated to use ASP.NET Core 1.1 RTM and Angualr 4 with Visual Studio 2017

 

Introduction

This example demonstrates how you can use Visual Studio 2017 for build ASP.NET Core 1.x web application. For additional information about ASP.NET Core and Visual Studio 2017 see ASP.NET Future Release (Getting Started with ASP.NET vNext and Visual Studio "14").

Description

Wherein editing is done in real time. That is, users can instantly see the changes implemented by others. It is completely based on and meets the OWIN specification (Open Web Server Interface for. NET). This application created with using Visual Studio 2017 as ASP.NET Core application and uses SignalR and Angular 1/Angular 2 libraries. As far as the platform is related it uses Microsoft .NET Framework 4.6.x or .NET Core 1.0. It is designed to showcase the latest technology designed for building modern web applications. In this case, each component of the application is managed by users. This puts great flexibility and freedom of action.

Building the Sample

There are special requirements and instructions for building the sample.

1. Download source code.

2. Install the latest version of .NET Core SDK (Visual Studio 2017 RTW).

 

3. Open project by Visual Studio 2017 and run it.

 

C#
Edit|Remove
using Microsoft.Owin.Builderusing Owin; 
using System; 
using System.Collections.Genericusing System.Threading.Tasksusing Microsoft.AspNetCore.Builder; 
 
namespace RealTimeDataEditor 
{ 
    using AppFunc = Func<IDictionary<stringobject>, Task>; 
 
    public static class BuilderExtensions 
    { 
        public static IApplicationBuilder UseAppBuilder( 
            this IApplicationBuilder app,  
            Action<IAppBuilder> configure) 
        { 
            app.UseOwin(addToPipeline => 
            { 
                addToPipeline(next => 
                { 
                    var appBuilder = new AppBuilder(); 
                    appBuilder.Properties["builder.DefaultApp"] = next; 
 
                    configure(appBuilder); 
 
                    return appBuilder.Build<AppFunc>(); 
                }); 
            }); 
 
            return app; 
        } 
 
        public static void UseSignalR2(this IApplicationBuilder app) 
        { 
            app.UseAppBuilder(appBuilder => appBuilder.MapSignalR()); 
        } 
    } 
}

 

More Information

For more information on Real Time Data Editor, see...