Blazor Server api возвращает текст / html - PullRequest
Новая
       57

Blazor Server api возвращает текст / html

0 голосов
/ 19 июня 2020

Благодарю за любую помощь здесь,

Я только начал очень хорошо работать с Blazor, создал базовый c проект клиент / сервер, ориентированный на веб-сборку. Добавлен новый контроллер на стороне сервера, который 

public async Task<IActionResult> GetEncryptedDataAsync()

возвращает 

return await Task.FromResult(new JsonResult(model));

Ниже приведен метод контроллера, который я вызываю со страницы бритвы 

[HttpGet]
public async Task<IActionResult> GetEncryptedDataAsync()
{
var model =  new DecryptViewModel
{
   ApiKey = _appsettings.Value.Checkout.InboundApikey,
   Sharedsecretkey = _appsettings.Value.Checkout.InboundSharedsecret,
   EncKey = "XoSVc/2E717Ivf56JUEMn2",
   EncPaymentData = "S7e9mZy9GrZtaEC/s0f2/4hj1lq"  };

   return await Task.FromResult(new JsonResult(model));
}

На стороне клиента в index.razor 

<code>@page "/"
@using Microsoft.AspNetCore.Authorization
@using Microsoft.AspNetCore.Components.WebAssembly.Authentication
@using Zapy.Shared.ViewModels;
@using System.Net.Http
@inject HttpClient Http
@attribute [Authorize]

<br />
<div class="card card-nav-tabs navbar-dark text-left">
    <div class="card-header card-header-primary"><strong>Decryption</strong></div>
    <div class="card-body">
        <h4 class="card-title">Enter encrypted payload below</h4>


        <EditForm Model=@decryptViewModel OnSubmit=@SubmitData>
            <DataAnnotationsValidator />
            <ValidationSummary />

            <div class="form-group">
                <label for="apikey">Apikey</label>
                <InputText Id="apikey" class="form-control" @bind-Value="decryptViewModel.ApiKey" />
               
            </div>
            <div class="form-group">
                <label for="Sharedsecretkey">Sharedsecret</label>
                <InputText Id="Sharedsecretkey" type="password" class="form-control" @bind-Value="decryptViewModel.Sharedsecretkey" />
               
            </div>
            <div class="form-group">
                <label for="encKey">Enckey</label>
                <InputText Id="encKey" class="form-control" @bind-Value="decryptViewModel.EncKey" />
            </div>
            <div class="form-group">
                <label for="encPaymentData">encPaymentData</label>
                <textarea Id="encPaymentData" class="form-control" @bind="decryptViewModel.EncPaymentData" rows="15"/>
            </div>
            <button type="submit" class="btn btn-primary">Submit</button>
        </EditForm>

    </div>
    <div class="card-footer text-muted">
        2 days ago
    </div>
</div>
<br />
<div id="DisplayResults" class="card card-nav-tabs text-left">
    <div class="card-header card-header-primary"><strong>Results</strong></div>
    <div class="card-body ">
        <pre id="jsonResults">
code {private DecryptViewModel decryptViewModel = new DecryptViewModel (); защищенное переопределение asyn c Task OnInitializedAsyn c () {попробуйте {decryptViewModel = await Http.GetFromJsonAsyn c ("api / CheckoutService / GetEncryptedDataAsyn c"); } catch (исключение AccessTokenNotAvailableException) {exception.Redirect (); }} asyn c Task SubmitData () {попробуйте {decryptViewModel.Result = await Http.GetFromJsonAsyn c ("GetResult"); } catch (исключение AccessTokenNotAvailableException) {exception.Redirect (); }}}

После запуска в браузере, хотя статус службы показывает 200, но тип содержимого - text / html и вижу одно предупреждение консоли, как показано ниже enter image description here

And after browsing the api within the same browser, it's prompting me as below введите описание изображения здесь

1 Ответ

0 голосов
/ 10 июля 2020

Не уверен, почему вы ждете своего результата в контроллере, но следующее должно работать.

Попробуйте это на своем клиенте / компоненте: 

... OnInitializedAsync()
{
     
     var result = await Http.GetFromJsonAsync<DecryptViewModel>
     var decryptModel = System.Text.Json.JsonSerializer.Deserialize<DecryptViewModel>
         (await result.Content.ReadAsStringAsync(), 
          new System.Text.Json.JsonSerializerOptions { PropertyNameCaseInsensitive = true });
}

Попробуйте это на своем контроллере: 

[HttpGet]
public DecryptViewModel GetEncryptedDataAsync()
{
     var model = new DecryptViewModel
     // populate your model

     return model;
}
...