javascript - 在 Angular 项目中实施 xApi 技术

Question

目前正在使用 xApi 技术，我遇到了一些问题。

事实上，我想在 Angular 项目中使用 xApi，以便跟踪用户在网站上的每一个操作（帐户创建、删除……）。

我的问题是，我找不到任何方法在我的 Angular 项目中实现 xApi 函数，使用 npm xapiwrapper 来获取我需要使用的每个 xApi js 函数。

我尝试了在 Angular 中实现 js 文件的常用方法，并且我尝试遵循有关如何在 Angular 6/7 中实现 JS 的教程，但我仍然不明白为什么到目前为止没有任何效果。

有 xapiWrapper 文件，其中包含我需要使用的每个 js 函数，以便将数据发送到 LRS，我有一个自定义 js 文件，它使用包装函数和我需要“关注”的用户的邮件 + 名称.

我已经尝试使用 html 和 angular json 文件以通常的方式调用我的 js 文件。我还遵循了有关如何在 Angular 中实现 js 文件的教程，但实际上仍然没有任何效果......

// xApi function i need to use : 
function sendStarted() {
  var startedStatement = {
    "actor": {
      "mbox": "mailto:" + email,
      "name": name,
      "objectType": "Agent"
    },

    "verb": {
      "id": "https://w3id.org/xapi/dod-isd/verbs/started",
      "display": { "en-US": "started" }
    },

    "object": {
      "id": "http://learningdojo.net/xapi/simple_button",
      "definition": {
        "name": { "en-US": "Simple button started" },
        "description": { "en-US": "User clicked on the started button." }
      },
      "objectType": "Activity"
    }
  };

  ADL.XAPIWrapper.sendStatement(startedStatement);

  // Alert message
  alert('Started statement has been sent!')
}

LRS 配置在xApiwrapper.js文件中。

所以这是我的问题：是否可以在我的 Angular 项目中以任何方式使用或实现外部 xApi js 文件（xapiWrapper、xapi 动词、语句……），以便在我的应用程序组件中使用它。

感谢您的时间和您的回答。

标签： javascriptangularwebconfigurationxapi