Blog posts by Senura Dissanayake

Blog posts by Senura Dissanayake2024-01-22T13:55:18.0000000Zhttps://world.optimizely.com/blogs/senura-dissanayake/ Optimizely World The challenges I faced during the migration from CMS version 11 to 12This blog post covers the major steps I had to face when migrating from CMS 11 to CMS 12. And this also contains the issues I had to experience related to .NET because of upgrading from .NET Framework to .NET 8.   The intention of this blog post is to help you diagnose and fix similar issues to what I had faced when upgrading to Optimizely CMS 12. Below, you can find the major steps I have followed. Note that your solution will be different from mine; and ignore any of the steps below if they do not relate to your solution and views should be fixed separately, which is not covered in this blog post.  <h3>👨&zwj;🚀 Before getting started </h3> <ul> <li>Would be better if the CMS is updated to the latest CMS 11 version.  </li> <li>Make sure the source code and the databases are backed up. </li> <li>Identify which features can be kept, removed, or updated. This might help when upgrading to CMS 12 as developers do not want to focus on fixing unneeded code on upgrade. (Despite, there could be situations where the developers may get to know in the middle of the migration when a specific feature needs to be refactored as the previous implementation is no longer compatible with .NET 8.) </li> <li>Remove the unnecessary projects in the solution. (In my case I had residue projects which had so many package references and no practical use to the main project etc.) </li> </ul>   <h3>🚀 Migration steps </h3> <ul> <li>Install <a href="https://learn.microsoft.com/en-us/dotnet/core/porting/upgrade-assistant-install#install-the-net-global-tool">.NET Upgrade Assistant</a> CLI tool. </li> </ul> <pre>dotnet tool install -g upgrade-assistant  </pre> <ul> <li>Or if you already have the upgrade assistant installed, update it to the latest. </li> </ul> <pre>dotnet tool update -g upgrade-assistant  </pre> <ul> <li>Run upgrade assistant using the below command. </li> </ul> <pre>upgrade-assistant upgrade "Path to solution file or project file" </pre> Note: Here, I have not used <a href="https://github.com/episerver/upgrade-assistant-extensions/">Optimizely Upgrade Assistant Extensions</a> as the latest version of .NET Upgrade Assistant (<a href="https://www.nuget.org/packages/upgrade-assistant/0.5.568">v0.5.568</a>) still does not support having extensions. But if you need, you can use .Net Upgrade assistant v0.4.x (<a href="https://learn.microsoft.com/en-us/dotnet/core/porting/upgrade-assistant-install-legacy">Legacy version</a>) to use the <a href="https://github.com/episerver/upgrade-assistant-extensions/">Optimizely Upgrade Assistant Extensions</a> (However, it does not support upgrading to.NET 8 as of January 2024.).  <ul> <li>After running the above command, It will ask which project to be upgraded if you have provided the path to the solution file in the above step and if you have many projects in the solution. </li> </ul>         And once you have selected which project to be upgraded, it asks how the project to be upgraded. I have chosen “In-place project upgrade” as I want to replace the existing files with the updated files.          And then it asks to which .NET target framework version you would like to upgrade. I have chosen .NET 8.          -  After the .NET upgrade is successfully completed, verify the TargetFramework in the project file is set to the relevant .NET version.   <ul> <li>Create Program.cs (and <a href="https://github.com/episerver/Foundation/blob/main/src/Foundation/Startup.cs">Startup.cs</a> if you like to have separate startup file).  </li> </ul> <pre class="language-csharp"><code>public class Program { public static void Main(string[] args) { var environment = Environment.GetEnvironmentVariable("ASPNETCORE_ENVIRONMENT"); var isDevelopment = environment == Environments.Development; if (isDevelopment) { // Logger configuration etc. } CreateHostBuilder(args, isDevelopment).Build().Run(); } public static IHostBuilder CreateHostBuilder(string[] args, bool isDevelopment) { if (isDevelopment) { return Host.CreateDefaultBuilder(args) .ConfigureCmsDefaults() .UseSerilog() .ConfigureWebHostDefaults(webBuilder => { webBuilder.UseStartup<Startup>(); }); } else { return Host.CreateDefaultBuilder(args) .ConfigureCmsDefaults() .ConfigureWebHostDefaults(webBuilder => { webBuilder.UseStartup<Startup>(); }); } } } </code></pre> <h4>  </h4> <h4>Removed the below packages as they do not support CMS 12/.NET 8. (For more information, please check the <a href="https://docs.developers.optimizely.com/content-management-system/docs/breaking-changes-in-content-cloud-cms-12">CMS 12 breaking changes</a>) </h4> <ul> <li>TedGustaf.Episerver.GoogleMapsEditor 1.x (Use new <a href="https://nuget.optimizely.com/package/?id=GoogleMapsEditor">GoogleMapsEditor</a>. See <a href="https://tedgustaf.com/blog/2022/google-maps-editor-for-optimizely-cms-12/">this guide</a> for more info.) </li> <li>EPiServer.ServiceLocation.StructureMap 2.x </li> <li>Semantix.AutoConnect related packages. (Only supports .NET Framework at the time this article was written) </li> <li>Swashbuckle (Note: If you have time, you could also try to install <a href="https://www.nuget.org/packages/Swashbuckle.AspNetCore">Swashbuckle.AspNetCore</a> and refactor the old code which was on Swashbuckle package which did not support .NET Core. But I did not do that as Swashbuckle is not needed for our MVP) </li> <li>BVN.404Handler (Use <a href="https://github.com/Geta/geta-notfoundhandler">https://github.com/Geta/geta-notfoundhandler</a> instead) </li> <li>Geta.SEO.Sitemaps (Use <a href="https://github.com/Geta/geta-optimizely-sitemaps">https://github.com/Geta/geta-optimizely-sitemaps</a> instead) </li> <li><a href="https://nuget.optimizely.com/package/?id=EPiServer.ContentDeliveryApi">EPiServer.ContentDeliveryApi</a> (.NET Framework package)</li> <li>EPiCode.DynamicMultiSearch </li> </ul> <ul> <li><a href="https://www.nuget.org/packages/ImageProcessor">ImageProcessor </a></li> <li>Structuremap.web </li> <li>Owin </li> <li>Microsoft.AspNet.Identity.Core </li> <li>Microsoft.AspNet.Providers.Core </li> </ul> <h4>  </h4> <h4>Check Episerver package versions</h4> <ul> <li>If you check the Episerver package versions after the .NET Upgrade Assistant completed its tasks, you may see that the Episerver CMS packages might have been automatically upgraded to the latest major version. If yes, then you are lucky 🤠🍀 . In my case, The Episerver CMS packages are not upgraded. Thus, I had to upgrade them manually. Please refer to the below step. </li> </ul> (Note: Some of the Episerver packages like ContentDeliveryApi and Find are automatically upgraded to the latest in my solution. But not having the Episerver CMS 12 automatically upgraded means I must deal with NuGet package conflicts etc.)    <h4>Resolve package conflicts</h4> (Ignore this step if you have the Optimizely 12 packages and no .NET Framework package warnings)    <span style="margin: 0px; padding: 0px; user-select: text; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: #000000; font-family: 'Segoe UI', 'Segoe UI Web', Arial, Verdana, sans-serif; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: pre-wrap; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline-block;" class="SCXW25070625 BCX8"><span style="margin: 0px; padding: 0px; user-select: text; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: relative; cursor: move; left: 0px; top: 2px; display: inline-block; text-indent: 0px; width: 601px; height: 30px; transform: rotate(0deg);" class="WACImageContainer NoPadding DragDrop BlobObject SCXW25070625 BCX8"><img src="/link/6b24ae6df7794fc0832fe1863054ab8a.aspx" style="margin: 0px; padding: 0px; user-select: text; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border: none; vertical-align: baseline; width: 741px; height: 37px;" /> As you can see above, I had issues with EPiServer.Cms.AspNet as it conflicted with EPiServer.Cms.AspNetCore package, and this was resolved by addressing package conflicts.  (I would recommend reviewing the package warnings that appear during the project build as they will indicate the packages resolved in .NET Framework)  <ul> <li>Try to upgrade the Episerver CMS package to v12. If it does not work, investigate the Package Manager logs, and fix them first.   </li> <li>In my solution, I had to remove the below packages (In order) to reinstall Episerver CMS 12. (I had to reinstall all the below packages after the Episerver CMS 12 is installed) </li> </ul> <ul> <li>EPiServer.Labs.LanguageManager </li> <li>EPiServer.Personalization.MaxMindGeolocation </li> <li>EPiServer.AddOns.Helpers  </li> <li>EPiServer.Forms.Core </li> <li>EPiServer.CMS.UI.Core </li> </ul> <ul> <li>EPiServer.CMS.UI </li> <li>EPiServer.CMS.TinyMce </li> <li>EPiServer.Forms.UI </li> <li>EPiServer.Forms </li> <li>DbLocalizationProvider.AdminUI.EPiServer </li> <li>DbLocalizationProvider.EPiServer </li> <li>Microsoft.Azure.Amqp </li> <li>EPiServer.ContentDeliveryApi.Core </li> <li>EPiServer.ContentDeliveryApi.Search </li> <li>EPiServer.ContentDeliveryApi.Cms </li> <li>EPiServer.ContentDeliveryApi.Forms </li> <li>EPiServer.Find.Cms </li> <li>EPiServer.Marketing.Testing </li> <li>EPiServer.Find.Framework </li> <li>EPiServer.Marketing.KPI </li> <li>DbLocalizationProvider.AdminUI </li> <li>EPiServer.Azure  </li> <li>Microsoft.Identity.Client </li> <li>Microsoft.IdentityModel.Protocols </li> <li>Microsoft.IdentityModel.Protocols.OpenIdConnect </li> </ul>    <h4>Other changes</h4> <ul> <li>If you have <a href="/csclasslibraries/cms/EPiServer.PlugIn.GuiPlugInAttribute?version=11">GuiPlugins</a>, refactor them with <a href="https://docs.developers.optimizely.com/content-management-system/docs/using-menu-providers">Menu Provider</a>. See <a href="/link/aa901c2390b44fce99cfd6b8838262d5.aspx">this blog post</a> for more information. </li> </ul> <ul> <li>Remove the irrelevant <Content Include="..." /> elements from the ItemGroup in the  .csproj file. </li> </ul> <ul> <li>Some classes (Such as the classes which are inherited from EnterprisePageSearchProvider, EnterpriseMediaSearchProvider, EnterpriseBlockSearchProvider etc.) had issues with constructor injection due to the parameter updates in the base class injection. Fixed these by passing the relevant arguments. </li> </ul> <ul> <li>If the solution has InternalServerError(object) in the controllers; replace them with  StatusCode((int)HttpStatusCode.InternalServerError, object);.  </li> </ul> <ul> <li>And I had to use Microsoft.AspNetCore.Mvc.IActionResult instead of System.Web.Http.IHttpActionResult as IHttpActionResult is not supported in .NET Core.  </li> </ul> <ul> <li>If your solution used HttpContext.Context previously, use IHttpContextAccessor through DE instead. This way, you can get the HttpContext through _httpContextAccessor.HttpContext. </li> </ul> <ul> <li>The upgrade assistant has already replaced System.Web.Http.ApiController with Microsoft.AspNetCore.Mvc.ControllerBase. However, I had to replace the Json method calls with Microsoft.AspNetCore.Mvc.ContentResult with the ContentResult.Content set with System.Text.Json.JsonSerializer.Serialize(..) as below.  </li> </ul> <pre class="language-csharp"><code>return new ContentResult() { Content = System.Text.Json.JsonSerializer.Serialize(value), ContentType = "application/json", }; </code></pre> <ul> <li>Microsoft.AspNetCore.Mvc.Filters.ActionFilterAttribute now has no OnActionExecuting overridable method which only accepts HttpActionContext. Used <a href="https://learn.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.mvc.filters.actionexecutingcontext?view=aspnetcore-8.0">ActionExecutingContext</a> type instead. </li> </ul> <ul> <li>IPropertyModelConverter is missing in the new version of EPiServer.ContentDeliveryApi.Core package. Thus, created below interface in the solution to keep the Model Converters which has implemented the IPropertyModelConverter. </li> </ul> <pre class="language-csharp"><code>public interface IPropertyModelConverter { int SortOrder { get; } IEnumerable<TypeModel> ModelTypes { get; } bool HasPropertyModelAssociatedWith(PropertyData propertyData); IPropertyModel ConvertToPropertyModel(PropertyData propertyData, CultureInfo language, bool excludePersonalizedContent, bool expand); } </code></pre> <ul> <li>ContentFilter, StandardSitemapXmlGenerator, MobileSitemapXmlGenerator and their interfaces which were belonged to Geta.SEO.Sitemaps.Utils are no longer available. Thus, used Geta.Optimizely.Sitemaps package. And added base constructor injections in the classes which have inherited from ContentFilter due to the changes in parameters in the new version.  </li> </ul> <ul> <li>For the classes which are being inherited by ActionFilterAttribute, use Microsoft.AspNetCore.Mvc.Filters.ActionExecutedContext Instead of System.Web.Http.Filters.HttpActionExecutedContext in the overridden OnActionExecuted method. And use the Request and Response through ActionExecutedContext.HttpContext if needed. </li> <li>The places where we used DataFactory, I used IContentLoader to get the contents with only read-only access. If you need to have the whole CRUD access, use IContentRepository instead. </li> </ul>           - Alternative approach: You could use <a href="https://nuget.optimizely.com/package/?id=EPiServer.CMS.AspNetCore.Migration">EPiServer.CMS.AspNetCore.Migration</a> package which contains some old APIs. With that, you could choose to keep the DataFactory implementations as they are without refactoring. <ul> <li>Passed the IMemoryCache for the EPiServer.Find.Connection.RuntimeCacheAdapter constructor as it no longer has a default constructor. </li> </ul> <ul> <li>Try to build the solution to see the errors.   </li> <li>Try to fix each error. (Could not describe each error as most of them were to find the correct namespace or the package to be referred. And there were situations where we must find the .NET Core/Optimizely 12 implementation; if not, remove the implementation as it could not be kept in .NET 8)  </li> </ul> <ul> <li>I have got the below build error at last. 😒 </li> </ul> <pre>CA0055 : Could not identify platform for “…\project.dll”.   CA0052 : No targets were selected. </pre>           Once I have set the <RunCodeAnalysis> to false in the .csproj file, this error is no longer shown. <ul> <li>Create appSettings.json with EPiServer CMS MappedRoles, EpiserverDB and Find Index connection information.    </li> </ul> <ul> <li>Remove Web.config files.  </li> </ul> <ul> <li>Delete the packages folder in the solution folder to clear the package cache. </li> </ul> <ul> <li>Build again and try to fix all the build issues and repeat; if no build issues, try to run the project.  </li> <li>Got Geta.Optimizely.Sitemaps module not found error on runtime when accessing the episerver/cms after logged in. It is fixed by adding "services.AddSitemaps();" in the Startup.cs</li> </ul>       <img src="/link/d6828a0b89c443a8abc858f1249c0c32.aspx" width="609" alt="A screenshot of a computer program Description automatically generated" height="217" /> <ul> <li>Got the DbLocalizationProvider.AdminUI.EPiServer module not found issue and other issues when accessing the episerver/cms after logged in. Resolved by adding the below to Startup.cs</li> </ul> <span style="margin: 0px; padding: 0px; user-select: text; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: #000000; font-family: 'Segoe UI', 'Segoe UI Web', Arial, Verdana, sans-serif; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 24px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: pre-wrap; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline-block;" class="SCXW36255898 BCX8"><span style="margin: 0px; padding: 0px; user-select: text; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: relative; cursor: move; left: 0px; top: 2px; display: inline-block; text-indent: 0px; width: 601px; height: 180px; transform: rotate(0deg);" class="WACImageContainer NoPadding DragDrop BlobObject SCXW36255898 BCX8"><img src="/link/c81cc7cbce7041b4bb9c97eacba6ec09.aspx" alt="A screenshot of a computer program Description automatically generated" style="margin: 0px; padding: 0px; user-select: text; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border: none; white-space: pre !important; vertical-align: baseline; width: 601px; height: 180px;" />       <img src="/link/432028a7e6a74b85b62be34fe1710eb2.aspx" width="644" alt="A screenshot of a computer error Description automatically generated" height="233" /> <pre class="language-csharp"><code>app.UseDbLocalizationProvider(); </code></pre> <pre class="language-csharp"><code>services .AddDbLocalizationProvider(ctx => { ctx.EnableLocalization(); ctx.UseSqlServer(Configuration.GetConnectionString("EPiServerDB")); }) .AddOptimizely();</code></pre> <pre class="language-csharp"><code>services .AddDbLocalizationProviderAdminUI() .AddOptimizelyAdminUI();</code></pre> All done for MVP. Now, you should be able to log in with user credentials and access the CMS edit mode. And ContentDeliveryAPI should also work if you have enabled it.    Happy migrating!! 🎉 2024-01-22T13:55:18.0000000Z

Blog post