更改 UI 的 WSO2 API Manager v3.0.0

change the UI of the WSO2 API Manager v3.0.0

我想更换wso2API管理器的UI

我使用 product-am v3.0.0, carbon-apimgt v6.5.349 和 nexus。 我在 /carbon-apimgt-6.5.349/features/apimgt/org.wso2.carbon.apimgt.store.feature/src/main/resources/devportal/source/src/app/components/AnonymousView/SignUp.jsx[ 中添加了一个 <h4></h4> 标签=32=] 并更改 defaultheme.js 文件中的字体大小。

我将默认存储库更改为 myrepo.com 并添加了以下配置:

<distributionManagement>
        <repository>
            <id>nexus</id>
            <name>nexus-mixed</name>
            <url>http://myrepo.com/repository/nexus-mixed/</url>
        </repository>
</distributionManagement>

然后 运行 mvn clean deploy 命令。

但是当在 product-am 和 运行 中构建时,只有字体大小发生了变化,并且没有添加 <h4></h4> 标签。

GitHub 中的问题:this

dh

API 经理 3.x UIs 有两个级别的自定义,在基本级别,您可以通过 defaulttheme.js 文件更改 UI 主题,这不需要ui重新构建网络应用程序来使更改生效。此方法的局限性在于,您只能更改主题文件中预定义的主题参数。但是,它仍然有 quite 很多主题功能。 API Manager 3.0.0 中的 defaultTheme.js 文件是 Material-UI default theme 文件的扩展,因此您可以应用 material-ui 中允许的任何自定义主题结构。

在二级定制或高级定制中,您可以通过覆盖 React JS 实现来定制 Web 应用的行为。我们开发了一个 webpack 插件,当用户决定向他们的应用程序添加自定义时,用扩展或自定义实现覆盖默认的 React 组件实现。您可以找到此高级自定义的文档 here

另外请注意:

修改了不推荐在网络应用中默认的 React 组件实现。这样做将很难通过 wso2 更新管理器 (WUM) 更新服务器,因此我们的建议是使用上述任何自定义方法根据您的需要自定义 Web 应用程序。