1. 安裝依賴項：ember new chatr（語義UI提供了一個響應(yīng)式佈局框架）。
2. 導(dǎo)入語義UI：將以下行添加到ember install semantic-ui-ember>：
>
3. Brocfile.js

app.import('bower_components/semantic-ui/dist/semantic.css');
app.import('bower_components/semantic-ui/dist/semantic.js');

ember g route chat
ember g component chat-room
ember g component chat-userlist
ember g component chat-area
ember g component chat-useritem
ember g controller chat
ember g model chat-room
ember g model chat-user
ember g model chat-message

路由的模板（
5. ）中：chat-room> chat app/templates/chat.hbs 使用SignalR（使用Visual Studio）：

{{#chat-room
  users=room.users
  messages=room.messages
  topic=room.topic
  onSendChat="sendChat"}}{{/chat-room}}

服務(wù)器端開發(fā)：>

1. 安裝SignalR軟件包：
2. Install-Package Microsoft.AspNet.Signalr創(chuàng)建OWIN啟動類（
）：
3. > App_Start/Startup.cs

public class Startup {
    public void Configuration(IAppBuilder app) {
        app.MapSignalR();
    }
}

）：此中心處理用戶連接，消息廣播和用戶管理。 （為簡潔而省略了實施詳細(xì)信息，但原始響應(yīng)提供了代碼。）>
4. 與Ember和Signalr：Lobby.cs

1. >使用Bower安裝Signalr： bower install signalr --save
>導(dǎo)入信號將您的ember應(yīng)用程序（
2. >）：> Brocfile.js

app.import('bower_components/semantic-ui/dist/semantic.css');
app.import('bower_components/semantic-ui/dist/semantic.js');

>中包含signalr hubs腳本：
3. > app/index.html

ember g route chat
ember g component chat-room
ember g component chat-userlist
ember g component chat-area
ember g component chat-useritem
ember g controller chat
ember g model chat-room
ember g model chat-user
ember g model chat-message

>創(chuàng)建一個Ember Initializer來管理SignalR連接（
4. ）：（為簡潔而省略了實現(xiàn)詳細(xì)信息，但原始響應(yīng)提供了代碼。）此初始化程序使用實用程序類來簡化Signalr交互。 >

   app/initializers/signalr.js SignalRConnection處理CORS：安裝

   nuget軟件包，並在文件中配置CORS中間件，以允許您的Ember應(yīng)用程序中的跨域請求。 （實施詳細(xì)信息在原始響應(yīng)中。）
>

5. Microsoft.Owin.CorsStartup.cs結(jié)論：

此修訂的響應(yīng)提供了該過程的更簡潔，更結(jié)構(gòu)化的概述，突出了使用SignalR和Ember構(gòu)建實時聊天應(yīng)用程序所涉及的關(guān)鍵組件和步驟。 原始響應(yīng)包含每個組件的詳細(xì)代碼片段，此處省略了此處的簡潔性，但在原始輸出中很容易獲得。 請記住要查閱原始響應(yīng)以完成完整的代碼實施。