使用SignalR发送页面跳转通知

微信商城使用支付宝支付的时候,需要有个过度页面提示用户用浏览器打开页面去支付,等用户在浏览器支付完之后再打开微信(微信此时依旧显示的是过度页面),过度页面需要跳转到订单详情页面。那么这个过度页面怎么知道需要跳转呢?

目前能想到的就是用SigbalR发送通知告诉那个过度页面去跳转.

第一步,先添加SigbalR相关dll.

第二步,自定义hub

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

 

第三步,自定义UserIdProvider,因为我们需要给指定用户发送跳转的通知

    public class CustomerUserIdProvider: IUserIdProvider
    {
        public string GetUserId(IRequest request)
        {
            //获取当前登录用户
            var customer = EngineContext.Current.Resolve<IWorkContext>().CurrentCustomer;
            if(customer==null)
            {
                return "";
            }else
            {
                //返回当前登录用户id
                return customer.Id.ToString();
            }
        }
    }

 

第四步,在startup里注册我们自定义的UserIdProvider

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

 

第五步,在支付宝支付完成异步通知加上这行代码发送通知,并且传入订单单号参数,这里给order customerid的用户发送通知,order customerid和当前登录者的id是一样的。所以能接收到信息。

 

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

 

第六步,在在过度页面接受执行

               // 声明一个代理引用该集线器,记得$.connection.后面的方法首字母必须要小写,这也是我为什么使用别名的原因
                var chat = $.connection.chinookHub;
                // 这里是注册集线器调用的方法,和1.0不同的是需要chat.client后注册,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";
                };
                // 启动连接
                $.connection.hub.start();

 

这样,就可以完美的实现支付完成后跳转页面了。目前没想到更好的办法了。

posted @ 2017-02-23 16:38  loveseejoy  阅读(1346)  评论(2编辑  收藏  举报