0

我有一个使用onos-create-appcli 创建的自定义 GUI 应用程序,它使用ui2maven 原型来创建应用程序。我第一次运行mvn clean install它时,它抛出了错误:-

Generic type 'FactoryDef' requires 1 type argument(s)

我在网上搜索,发现要解决这个问题,我需要从 Angular 9.0 升级到 Angular 9.1。这样做之后,mvn clean install生成了oar我安装到 onos 2.4.0 中的文件。安装并激活成功。

我可以看到我的自定义 guiVIEW_TEXT正在导航菜单中显示。一旦我点击它,就会出现以下错误:-

Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'foo-app-app'.

在我生成VIEW_IDfoo-app-appgui 应用程序中。我不知道如何解决这个问题。我已经下载了 onos 2.4.0 并且没有使用 bazel 从源代码构建它。

4

1 回答 1

0

在通过 onos wiki docs 和 github README 进行深入研究后,我发现以下这些方法对我有用:-

自定义 gui2 应用程序的 ONOS 源代码更改(运行时实现)

(在确保您使用正确版本的 onos 之后进行这些更改 - 在这种情况下检查 onos-2.4 分支):-

假设我们的应用程序有两部分,一是后端,一是前端。

后端应用程序代码可以独立于 onos 源代码,然后我们可以将其安装在我们编译的 onos 应用程序中,就像我们在 2.0 之前的版本中所做的那样。

对于前端应用程序代码,所有更改将在onos 源代码的onos/web/gui2/目录下进行。这确保了我们只需要在前端代码更改而不是整个源代码时构建新的 gui2 oar。这允许我们在我们编译的 onos 应用程序中重新安装gui2 oar。

让前端应用程序的目录称为customApp

在您的 onos 源代码中,

  1. 转到onos/web/gui2/src/main/webapp/app/view 并创建customApp目录。

    customApp目录可以具有以下结构:-

    • 创建一个名为 custom-app 的目录,其中将包含以下文件:-
      • customApp.component.ts
      • customApp.component.html
      • customApp.component.css
    • 一个名为 customApp.module.ts 的文件,它是我们的顶级 Angular 模块。
    • 一个 BUILD bazel 文件。

注意:-随着越来越多的组件被添加,您可以自由地为 Angular 应用程序遵循自己的目录结构。此结构是 onos gui 默认遵循的结构(参见设备以供参考)。命名约定并不严格。

  1. 转到onos/web/gui2/src/main/webapp/app并打开BUILD文件。

  2. 转到ng_module的deps部分并在其中添加//web//gui2/src/main/webapp/app/view/customApp:gui2-view-customApp。转到onos/web/gui2/src/main/webapp/onos-routing.module.ts并在onosRoutes列表中添加以下内容:-

         <Route>
    
       {
         path:"custom-app",
         pathMatch:"prefix",
         loadChildren:()=>import("./view/customApp/customApp.module.ts 
          ").then((m)=>m.CustomAppModule)}
        }
    
  3. 转到顶级目录,即onos并运行bazel build //web/gui2:onos-web-gui2-oar。这将在onos/bazel-bin/web/ gui2下生成onos-web-gui2-oar.oar

  4. 在 onos 应用程序中重新安装并激活此 oar 文件。

  5. 转到http://:8181/onos/ui/login.html并将onos/rocks作为用户名/密码

  6. 打开导航面板,您将在“其他”部分下看到您的自定义 gui2 应用程序链接。单击它以查看您的自定义 gui2 应用程序。

自定义 gui2 应用程序的 ONOS 源代码更改(构建时实现)

(在确保您使用正确版本的 onos 之后进行这些更改 - 在这种情况下检查 onos-2.4 分支):-

让我们的自定义 gui2 应用程序的名称为custom-app

  1. 创建一个名为custom-app的新文件夹并将其添加到onos/apps

  2. 在此文件夹中,您可以在onos/apps中的roadm应用程序中拥有应用程序结构。

  3. 转到onos/tools/build/bazel/modules.bzl并在APP_MAP部分下,添加以下内容: - "//apps/custom-app:onos-apps-custom-app-oar":[]

  4. 转到onos/web/gui2/src/main/webapp/app/BUILD.bazel并在 ng_module 的deps部分下,添加以下内容: - "//apps/custom-app/web/custom-app-gui:custom -app-gui"

  5. 转到onos/web/gui2/src/main/webapp/onos-routing.module.ts并在onosRoutes列表中添加以下内容:-

     <Route>
     {
      path:"custom-app-gui",
      pathMatch:"prefix",
     loadChildren:()=>import("../../../../../../apps/custom-app/web/custom-app- 
      gui/lib/custom-app-gui-lib.module").then((m)=>m.CustomAppGuiLibModule)}
     }
    
  6. 返回到onos根目录并运行bazel build onos(确保预先设置了 bazel)。

  7. 以上操作会输出onos /bazel-bin目录下的onos.tar.gz。

  8. 将此目录复制并移动到所需位置并解压缩。

  9. 转到onos-2.4.1-SNAPSHOT文件夹(对onos.tar.gz的解压缩操作输出具有此名称的文件夹,我们可以通过更改另外两个配置文件来更改此版本名称)。

  10. 进入 bin 并执行./onos-service s命令。

  11. 使用另一个终端打开 karaf 客户端,方法是转到onos-2.4.1-SNAPSHOT/apache-karaf-4.2.8/bin并执行./client命令。

  12. 在客户端外壳中,键入 app activate org.onosproject.custom-app。这将激活我们的自定义 gui2 应用程序(您也可以跳过 karaf 客户端部分以使用 onos gui 来激活应用程序)。

  13. 转到http://:8181/onos/ui/login.html并将onos/rocks作为用户名/密码

  14. 打开导航面板,您将在“其他”部分下看到您的自定义 gui2 应用程序链接。单击它以查看您的自定义 gui2 应用程序。

于 2020-07-14T06:12:02.237 回答