Not validate beacon script - error

Question

I have one issue with FXM (Having in mind that all the configurations are enabled).

Here are my configuration details

Sitecore root url - https://projectsample.sc/sitecore

External URL - http://sampledemo/index.aspx

Generated scripts by the FXM has been added to the external url

Steps followed:

I added new external website by using Federated Experience Manager
it generates bundle/beacon script.

I added that script tag to the external page and when I open FEM it
throws error ("Could not validate beacon script - error")

Any help on this would be of great help.

Answer 1

I can see that your websites are using different protocols, one is http and the other one is https. If you look at the sitecore limitations on https://doc.sitecore.com/developers/93/sitecore-experience-platform/en/requirements-and-limitations.html it is stated this: Your Sitecore site and the external site must both have the same type of connection – http or https

If you are still receiving errors after changing the two websites to the same connection type, you can verify if there are any errors in the FXM logs. If you don't have it enabled in the \App_Config\Sitecore\FederatedExperienceManager\Sitecore.FXM.config file, set the log level to DEBUG:

<logger name="Sitecore.FXM.Diagnostics" additivity="false">   
<level value="DEBUG" />   
<appender-ref ref="FxmLogFileAppender" /> 
</logger>

Answer 2

I was able to solve the error by enabling CORS in the external website.

Answer 3

You can also do this by creating your own class like this :

using System;
using System.Web.Mvc;

public class AllowCrossSiteAttribute : ActionFilterAttribute
{
    public override void OnActionExecuting(ActionExecutingContext filterContext)
    {
        filterContext.RequestContext.HttpContext.Response.AddHeader("Access-Control-Allow-Origin", "http://localhost:4200");
        filterContext.RequestContext.HttpContext.Response.AddHeader("Access-Control-Allow-Headers", "*");
        filterContext.RequestContext.HttpContext.Response.AddHeader("Access-Control-Allow-Credentials", "true");

        base.OnActionExecuting(filterContext);
    }
}

After this it's let you use this decorator on a method or on the whole controller