Created
August 31, 2012 14:05
-
-
Save hodzanassredin/3553091 to your computer and use it in GitHub Desktop.
asp.net mvc 4 + signalR quick start chat (vs2012)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>@ViewBag.Title - My ASP.NET MVC Application</title> | |
| <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> | |
| <meta name="viewport" content="width=device-width" /> | |
| @Styles.Render("~/Content/css") | |
| @Scripts.Render("~/bundles/modernizr") | |
| </head> | |
| <body> | |
| <header> | |
| <div class="content-wrapper"> | |
| <div class="float-left"> | |
| <p class="site-title">@Html.ActionLink("your logo here", "Index", "Home")</p> | |
| </div> | |
| <div class="float-right"> | |
| <section id="login"> | |
| @Html.Partial("_LoginPartial") | |
| </section> | |
| <nav> | |
| <ul id="menu"> | |
| <li>@Html.ActionLink("Home", "Index", "Home")</li> | |
| <li>@Html.ActionLink("About", "About", "Home")</li> | |
| <li>@Html.ActionLink("Contact", "Contact", "Home")</li> | |
| </ul> | |
| </nav> | |
| </div> | |
| </div> | |
| </header> | |
| <div id="body"> | |
| @RenderSection("featured", required: false) | |
| <section class="content-wrapper main-content clear-fix"> | |
| @RenderBody() | |
| </section> | |
| </div> | |
| <footer> | |
| <div class="content-wrapper"> | |
| <div class="float-left"> | |
| <p>© @DateTime.Now.Year - My ASP.NET MVC Application</p> | |
| </div> | |
| </div> | |
| </footer> | |
| @Scripts.Render("~/bundles/jquery") | |
| @Scripts.Render("~/bundles/signalr") | |
| <script src="@Url.Content("~/signalr/hubs")" type="text/javascript"></script> | |
| @RenderSection("scripts", required: false) | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| using System.Web; | |
| using System.Web.Optimization; | |
| namespace Chat | |
| { | |
| public class BundleConfig | |
| { | |
| // For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254725 | |
| public static void RegisterBundles(BundleCollection bundles) | |
| { | |
| bundles.Add(new ScriptBundle("~/bundles/jquery").Include( | |
| "~/Scripts/jquery-{version}.js")); | |
| bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include( | |
| "~/Scripts/jquery-ui-{version}.js")); | |
| bundles.Add(new ScriptBundle("~/bundles/signalr").Include( | |
| "~/Scripts/jquery.signalr-{version}.js")); | |
| bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include( | |
| "~/Scripts/jquery.unobtrusive*", | |
| "~/Scripts/jquery.validate*")); | |
| // Use the development version of Modernizr to develop with and learn from. Then, when you're | |
| // ready for production, use the build tool at http://modernizr.com to pick only the tests you need. | |
| bundles.Add(new ScriptBundle("~/bundles/modernizr").Include( | |
| "~/Scripts/modernizr-*")); | |
| bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css")); | |
| bundles.Add(new StyleBundle("~/Content/themes/base/css").Include( | |
| "~/Content/themes/base/jquery.ui.core.css", | |
| "~/Content/themes/base/jquery.ui.resizable.css", | |
| "~/Content/themes/base/jquery.ui.selectable.css", | |
| "~/Content/themes/base/jquery.ui.accordion.css", | |
| "~/Content/themes/base/jquery.ui.autocomplete.css", | |
| "~/Content/themes/base/jquery.ui.button.css", | |
| "~/Content/themes/base/jquery.ui.dialog.css", | |
| "~/Content/themes/base/jquery.ui.slider.css", | |
| "~/Content/themes/base/jquery.ui.tabs.css", | |
| "~/Content/themes/base/jquery.ui.datepicker.css", | |
| "~/Content/themes/base/jquery.ui.progressbar.css", | |
| "~/Content/themes/base/jquery.ui.theme.css")); | |
| } | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| using SignalR.Hubs; | |
| namespace Chat.Hubs | |
| { | |
| public class Chat : Hub | |
| { | |
| public void Send(string message) | |
| { | |
| // Call the addMessage method on all clients | |
| Clients.addMessage(message); | |
| } | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @{ | |
| ViewBag.Title = "Home Page"; | |
| } | |
| @section featured { | |
| <section class="featured"> | |
| <div class="content-wrapper"> | |
| <hgroup class="title"> | |
| <h1>@ViewBag.Title.</h1> | |
| <h2>@ViewBag.Message</h2> | |
| </hgroup> | |
| <p> | |
| To learn more about ASP.NET MVC visit | |
| <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>. | |
| The page features <mark>videos, tutorials, and samples</mark> to help you get the most from ASP.NET MVC. | |
| If you have any questions about ASP.NET MVC visit | |
| <a href="http://forums.asp.net/1146.aspx/1?MVC" title="ASP.NET MVC Forum">our forums</a>. | |
| </p> | |
| </div> | |
| </section> | |
| } | |
| <h3>We suggest the following:</h3> | |
| <ol class="round"> | |
| <li class="one"> | |
| <h5>Getting Started</h5> | |
| ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that | |
| enables a clean separation of concerns and that gives you full control over markup | |
| for enjoyable, agile development. ASP.NET MVC includes many features that enable | |
| fast, TDD-friendly development for creating sophisticated applications that use | |
| the latest web standards. | |
| <a href="http://go.microsoft.com/fwlink/?LinkId=245151">Learn more…</a> | |
| </li> | |
| <li class="two"> | |
| <h5>Add NuGet packages and jump-start your coding</h5> | |
| NuGet makes it easy to install and update free libraries and tools. | |
| <a href="http://go.microsoft.com/fwlink/?LinkId=245153">Learn more…</a> | |
| </li> | |
| <li class="three"> | |
| <h5>Find Web Hosting</h5> | |
| You can easily find a web hosting company that offers the right mix of features | |
| and price for your applications. | |
| <a href="http://go.microsoft.com/fwlink/?LinkId=245157">Learn more…</a> | |
| </li> | |
| </ol> | |
| @section scripts { | |
| <script type="text/javascript"> | |
| $(function () { | |
| // Proxy created on the fly | |
| var chat = $.connection.chat; | |
| // Declare a function on the chat hub so the server can invoke it | |
| chat.addMessage = function (message) { | |
| $('#messages').append('<li>' + message + '</li>'); | |
| }; | |
| $("#broadcast").click(function () { | |
| // Call the chat method on the server | |
| chat.send($('#msg').val()); | |
| }); | |
| // Start the connection | |
| $.connection.hub.start(); | |
| }); | |
| </script> | |
| } | |
| <input type="text" id="msg" /> | |
| <input type="button" id="broadcast" value="broadcast" /> | |
| <ul id="messages"> | |
| </ul> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| nstall-package SignalR |
Ms changed api. They do that every time.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I tried it , but does not work :(