Hi, trying to add an MVC based section to the backoffice that will call an external API. Not sure if I'm setting this up correctly. I'm using Umbraco 12.

I added a section following instructions on https://docs.umbraco.com/umbraco-cms/extending/section-trees/sections

Now when I click on a tree node I end up at this url, which expectedly results in a 404. https://localhost:44365/umbraco#/blogs/blogeditor/edit/2

Then I tried creating a controller now to catch those requests. I put it in App_Plugins/Blogs but I'm still getting a 404 and struggling to know what to try next. Any ideas?

     [Area("blogs")]
    public class BlogsController : UmbracoAuthorizedController { 

     [HttpGet]
     public IActionResult Index()
     {
         return Content($"Hello world - index");
     }

     [HttpGet]
     public IActionResult Edit([FromRoute] int id)
     {
         return Content($"Hello world - blog {id}");
     }

Then in my startup.cs file I tried the following:

services.Configure[UmbracoPipelineOptions](c =>
{
    // Custom Blogs Backoffice Editor
    c.AddFilter(new UmbracoPipelineFilter(nameof(BlogsController))
    {
        Endpoints = app => app.UseEndpoints(endpoints =>
        {
            var globalSettings = app.ApplicationServices.GetRequiredService[IOptions[GlobalSettings]]().Value;
            var hostingEnvironment = app.ApplicationServices.GetRequiredService[Umbraco.Cms.Core.Hosting.IHostingEnvironment]();
            var backofficeArea = Constants.Web.Mvc.BackOfficePathSegment;

            var rootSegment = $"{globalSettings.GetUmbracoMvcArea(hostingEnvironment)}";
            endpoints.MapUmbracoRoute[BlogsController]($"{rootSegment}/{backofficeArea}", "blogs", "blogeditor", "Index", true);
        })
    });
});

Had to swap some less than and greater thans for square brackets in this forum post