zoukankan      html  css  js  c++  java
  • 使用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();

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

    依旧做最初的自己,坦然做最真实的自己,努力做最好的自己。你若盛开,清风自来。
  • 相关阅读:
    百度高级搜索技巧
    JRebel插件使用详解
    css3自适应布局单位vw,vh详解
    vue的MVVM原理
    JS实现全屏和退出全屏
    设置不定宽高的元素垂直水平居中
    微信小程序启动更新机制
    了解MVVM原理
    xss攻击和csrf攻击的定义及区别
    跨站脚本漏洞(XSS)基础讲解
  • 原文地址:https://www.cnblogs.com/seejoy/p/6434145.html
Copyright © 2011-2022 走看看