如何使用SignalR發(fā)送頁(yè)面跳轉(zhuǎn)通知

這篇文章主要介紹了如何使用SignalR發(fā)送頁(yè)面跳轉(zhuǎn)通知，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

微信商城使用支付寶支付的時(shí)候，需要有個(gè)過(guò)度頁(yè)面提示用戶用瀏覽器打開頁(yè)面去支付，等用戶在瀏覽器支付完之后再打開微信（微信此時(shí)依舊顯示的是過(guò)度頁(yè)面），過(guò)度頁(yè)面需要跳轉(zhuǎn)到訂單詳情頁(yè)面。那么這個(gè)過(guò)度頁(yè)面怎么知道需要跳轉(zhuǎn)呢？

目前能想到的就是用SigbalR發(fā)送通知告訴那個(gè)過(guò)度頁(yè)面去跳轉(zhuǎn).

第一步，先添加SigbalR相關(guān)dll.

第二步，自定義hub

 public class myHub:Hub
 {
  public override Task OnConnected()
  {
   return base.OnConnected();
  }
 }

第三步，自定義UserIdProvider,因?yàn)槲覀冃枰o指定用戶發(fā)送跳轉(zhuǎn)的通知

public class CustomerUserIdProvider: IUserIdProvider
 {
  public string GetUserId(IRequest request)
  {
   //獲取當(dāng)前登錄用戶
   var customer = EngineContext.Current.Resolve<IWorkContext>().CurrentCustomer;
   if(customer==null)
   {
    return "";
   }else
   {
    //返回當(dāng)前登錄用戶id
    return customer.Id.ToString();
   }
  }
 }

第四步，在startup里注冊(cè)我們自定義的UserIdProvider

//SignlR
 var idProvider = new CustomerUserIdProvider();
GlobalHost.DependencyResolver.Register(typeof(IUserIdProvider), () => idProvider);
app.MapSignalR();

第五步，在支付寶支付完成異步通知加上這行代碼發(fā)送通知，并且傳入訂單單號(hào)參數(shù),這里給order customerid的用戶發(fā)送通知，order customerid和當(dāng)前登錄者的id是一樣的。所以能接收到信息。

var myHub = GlobalHost.ConnectionManager.GetHubContext<myHub>();
myHub.Clients.User(order.OrderCustomerId.ToString()).redirctOrderDetails(order.OrderNumber);

第六步，在在過(guò)度頁(yè)面接受執(zhí)行

// 聲明一個(gè)代理引用該集線器,記得$.connection.后面的方法首字母必須要小寫,這也是我為什么使用別名的原因
var chat = $.connection.chinookHub;
// 這里是注冊(cè)集線器調(diào)用的方法,和1.0不同的是需要chat.client后注冊(cè),1.0則不需要
chat.client.redirctOrderDetails = function (oerderNumber) {
 window.location.href = "/Customer/MyOrderDetails?page=4&orderNumber=" + oerderNumber;
 };
chat.client.redirctMoneyAccountDetail = function () {
 window.location.href = "/Customer/AccountDetail/Money";
 };
 // 啟動(dòng)連接
$.connection.hub.start();

這樣，就可以完美的實(shí)現(xiàn)支付完成后跳轉(zhuǎn)頁(yè)面了。目前沒(méi)想到更好的辦法了。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何使用SignalR發(fā)送頁(yè)面跳轉(zhuǎn)通知”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!