設計徽標和 Header 在 WSO2 API Manager 4.1.0 中不起作用

Question

我正在嘗試通過遵循 WSO2 APIM 4.1.0 中的WSO2 Doc來自定義開發門戶徽標。 產品下載為 Zip 並在 windows 中提取相同內容。

根據文檔中給出的說明， defaultTheme.js位於<API-M_HOME>/repository/deployment/server/jaggeryapps/devportal/site/public/theme/defaultTheme.js

但是在同一個路徑下，找不到defaultTheme.js

我在下面提到的其他路徑中找到了相同的文件。

我開始像下面一樣編輯defaultTheme.js文件配置並粘貼自定義徽標圖像。

進行更改后，我啟動了服務器，該更改未反映出來，我可以看到相同的默認 wso2 devportal 徽標，如下所示。

定制標志：

為什么不反映？

Answer 1

文檔似乎仍未反映最新版本中所做的一些更改。

向 devportal/publisher 添加自定義的另一種方法是更改 userTheme.js 文件

參考： https://apim.docs.wso2.com/en/latest/reference/customize-product/customizations/customizing-the-developer-portal/overriding-developer-portal-theme/#global-theming

該文件位於{APIM_HOME}/repository/deployment/server/jaggeryapps/devportal/site/public/theme/userTheme.js

這是一個空的 json 文件，您可以在其中添加要覆蓋的defaultTheme.js中定義的字段。

示例 userTheme.js 文件：

 const Configurations = { custom: { appBar: { logo: '/site/public/images/my-custom-logo.png', logoHeight: 34, logoWidth: 'auto', background: '#0feedb', backgroundImage: '/site/public/images/appbarBack.png' } } };

使用新的 WSO2 API Manager 4.1 包，這對我有用。 使用這種方法，您無需重新啟動服務器即可使更改生效。 請記住硬刷新瀏覽器緩存，否則您可能看不到更改。

Answer 2

我已經按照@Renan Martorelli 的建議修改userTheme.js文件內容。 現在我可以在 WSO2 APIM Dev Portal 4.1.0 中看到反射。

用戶主題.js：

const Configurations = {

 custom: {

    appBar: {
        logo: '/site/public/images/integration.jpg',
        logoHeight: 34,
        logoWidth: 'auto',
        background: '#0feedb',
        backgroundImage: '/site/public/images/appbarBack.png',
        searchInputBackground: '#fff',
        searchInputActiveBackground: '#fff',
        activeBackground: '#1c6584',
        showSearch: true,
        drawerWidth: 400,
    }
}

};

WSO2 開發門戶：