ASP.NET Core 6.0 - API Implementation

The ValuesController after applying global usings and file scoped namespaces.

namespace UsersWithComments.Api;
[Route("api/[controller]")]
[ApiController]
public class ValuesController : ControllerBase
{
    // GET: api/<ValuesController>
    [HttpGet]
    public IEnumerable<string> Get()
    {
        return new string[] { "value1", "value2" };
    }

    // GET api/<ValuesController>/5
    [HttpGet("{id}")]
    public string Get(int id)
    {
        return "value";
    }

    // POST api/<ValuesController>
    [HttpPost]
    public void Post([FromBody] string value)
    {
    }

    // PUT api/<ValuesController>/5
    [HttpPut("{id}")]
    public void Put(int id, [FromBody] string value)
    {
    }

    // DELETE api/<ValuesController>/5
    [HttpDelete("{id}")]
    public void Delete(int id)
    {
    }
}

The Swagger UI generates documentation for the API interface at /swagger/index.html.

Expanding a method displays the required parameters.

Executing a method displays the response.

Add JavaScript to Index.cshtml to test the configuration.

@section Scripts {
<script>
    function verifyConfiguration() {
        return fetch('/api/values',
            { method: 'get', credentials: 'same-origin', headers: { 'Content-Type': 'application/json;charset=UTF-8' } })
            .then(function (response) { if (response.ok) return response.text(); else throw new Error("HTTP status code: " + response.status); })
            .then(function (text) { try { return JSON.parse(text); } catch (err) { throw Error(err); } })
            .then(function (responseJSON) {
                console.log(JSON.stringify(responseJSON));
                //alert(JSON.stringify(responseJSON));
                showMessageModal(JSON.stringify(responseJSON), 'alert-success');
            }).catch(function (error) { showMessageModal(error, 'alert-danger'); });
    }

    document.addEventListener('DOMContentLoaded', function () {
        verifyConfiguration();
    });
</script>
}

The UWCP implements showMessageModal with dynamic-modals.js.