大火，这是辛格尔顿的滥用吗？ （共享iframe值）

Question

首先，让我解释为什么我认为我需要一个单身人士。我将几个托管的结帐支付处理器集成到我的Blazor Server应用程序中。他们所有人的工作如下；

• index.razor具有显示付款处理器URL的iFrame。
• 当客户完成付款时，iframe重定向到我的应用程序指定的URL，paymentcomplete.razor。
  • paymentcomplete.razor使用 scoped服务 hostedCheckoutservice将事件提高到index.razor包含付款响应。

这是问题出现的地方。 paymentcomplete.razor托管在 iframe 中，因此用单独的范围处理。 hostedCheckoutservice从paymentcomplete.razor内部提出的任何属性更改或事件， be index.razor。这使得（几乎？）无法从iframe内部合并到index.razor的范围。

显然解决此问题的是将hostedcheckoutservice注册为 singleton 。现在的问题是，当一个客户从paymentscomplete.razor中提出事件时，所有所有客户都必须处理它。

为了解决这个问题，我创建了一个indexBase，其中一个名为eventTargetID的唯一属性。当iFrame付款完成后，返回到peayscomplete.razor将在查询字符串中包含eventTargetID。

indexBase.cs

<iframe style="width:100%;height:50vh" src="@HostedCheckoutFrameSrc " frameborder="0" ></iframe> 


public class IndexBase : ComponentBase, IDisposable
{
    [Inject] NavigationManager NavigationManager { get; set; }
    [Inject] HostedCheckoutService HostedCheckoutService { get; set; }
    [Inject] PaymentApi PaymentApi { get; set; }

    public string HostedCheckoutFrameSrc { get; set; }
    public string EventTargetId { get; set; } = Guid.NewGuid().ToString();

    protected override void OnInitialized()
    {
        HostedCheckoutService.OnPaymentComplete += PaymentComplete;
    }

    public void Dispose()
    {
        HostedCheckoutService.OnPaymentComplete -= PaymentComplete;
    }

    private void PaymentComplete(string eventTargetId, string paymentJson)
    {
        // Hosted checkout iframe has returned a successfull payment.
        // Do something, send order, notification, ect.
    }

    public async Task InitializePayment()
    {
        string returnUrl = NavigationManager.BaseUri + $"/PaymentComplete?eventTargetId={EventTargetId}";
        InitializePaymentResponse response = await PaymentApi.CreatePaymentRequest(returnUrl);
        // Set iframe src property to third party payment providers url.
        // When customer completes third party payment url, the iframe redirects to PaymentComplete.razor (returnUrl).
        HostedCheckoutFrameSrc = PaymentApi.baseUrl + response.PaymentId;
    }
}

paymentcomplete.razor（从第三方URL重定向，托管在iframe内部）

此页面将抓住eventtargetId从查询字符串中升级并升高我们的Singleton服务的活动。

[Inject] NavigationManager NavigationManager { get; set; }
[Inject] PostFormService PostFormService { get; set; }
[Inject] HostedCheckoutService HostedCheckoutService { get; set; }

protected override async Task OnInitializedAsync()
{
    // We face double render problem, but Form values will be null on secord render anyways.
    if (PostFormService.Form != null)
    {
        NavigationManager.TryGetQueryString<string>("eventTargetId", out string eventTargetId);
        string paymentJson = PostFormService.Form?["PaymentResponse"];
        HostedCheckoutService.PaymentCompleted(eventTargetId, paymentJson);
    }
}

在我的singleton hostedcheckoutservice中，我使用eventtargetID过滤所有订户。

public class HostedCheckoutService 
{
    public event Action<string, string> OnPaymentComplete;

    public void PaymentCompleted(string eventTargetId, string paymentJson)
    {
        // Instead of raising the event for every instance attached to this action
        // only raise the event for the specified target.
        var instance = OnPaymentComplete.GetInvocationList()
                            .Where(d => d.Target is IndexBase && ((IndexBase)d.Target).EventTargetId == eventTargetId)
                            .FirstOrDefault();
        instance?.DynamicInvoke(eventTargetId, paymentJson);
    }
}

最后，问题！这似乎是对Singleton事件的不可接受的使用，还是有人使用更好的方法？即使每个客户都无法处理事件，呼叫getInvocationList（）仍然包含一个列表每个订阅的班级。

注意：每个事件订户实际上并不是完整的indexBase类。这将是一个简单的付款组件（我简化了此示例）。

Answer 1

我主要关注的是扩展事件中的所有注册方法。

由于我不知道还有什么hostedcheckoutservice做了什么，让Singleton peays paymentstransactionservice包含一个简单的针对操作的GUID集合 - 并且可能需要注册时间以操作超时系统。索引调用寄存器 payment> paymentstransactionservice注册它的GUID及其动作。 - 显然，当处置时，reregister方法。 paymentcomplete调用transactionComplete payment> Payment Transactionservice的方法。它检查其列表并执行注册操作，如果没有一个列表 - 并记录一个错误。您可以使用每个paymentcomplete调用还可以启动一个管理例程，以检查超时并删除过期的注册。