从 SAPUI5 中的清单加载第三方答案

【问题标题】：Loading third party from manifest in SAPUI5从 SAPUI5 中的清单加载第三方
【发布时间】：2020-06-04 10:10:27
【问题描述】：

环境：

框架：SAPUI5 V1.38
IDE：SAP WEB IDE

问题：

我想在我的 SAPUI5 应用程序中使用这个第 3 方https://seballot.github.io/spectrum/（V1.38 中还没有 colorPicker 标准组件），并且这个使用 jQuery，我怎样才能在 SAPUI5 中正确加载这些资源（如果可能在 Manifest.json 或 Component.js 中）？

我的尝试：

在 manifest.json 中：

"resources": {
    "js": [
        {
            "uri": "https://cdn.jsdelivr.net/npm/spectrum-colorpicker2@2.0.0/dist/spectrum.min.js"
        },
        {
            "uri": "https://code.jquery.com/jquery-3.5.1.min.js"
        }
    ],
    "css": [
        {
            "uri": "css/style.css"
        },
        {
            "uri": "css/style_default.css"
        },
        {
            "uri": "https://cdn.jsdelivr.net/npm/spectrum-colorpicker2@2.0.0/dist/spectrum.min.css"
        }
    ]
},

这不起作用（因为路径不是相对路径，它们是 CDN）。
我想要一个 API/CDN 解决方案，因为我还可以链接 Google Map API 和 reCaptcha V2.0

【问题讨论】：

你试过下载颜色选择器的源文件吗？在 Web 浏览器中访问该 URL 并下载 css 和 Javascript 文件并将它们放在本地目录中。您不需要使用 jQuery 执行此操作，因为 SAPUI5 已经包含 jQuery。
谢谢@orogers 的回复，但是如果他们的 ks on 例如项目还包含 CSS，我更喜欢 CDN 的方式，我也想使用例如谷歌地图和 ReCaptcha 和我在这种情况下无法下载源代码
关于颜色选择器：您是否考虑过使用<input type="color"> 代替？利用现有的原生 HTML 控件而不是添加第 3 方库可能是一个不错的选择 - 除非您的目标浏览器是不支持 type="color" 的 IE
谢谢@BoghyonHoffmann，我没想过，但应用程序也应该符合 IE 11

标签： jquery sapui5 color-picker spectrumjs

【解决方案1】：

下载所有资源，将它们放入您的项目中，然后包含在 manifest.json 中，例如：

    "resources": {
        "js": [
            {
                "uri": "js/sourceCode.js"
            }
        ]
    },

【讨论】：

从技术上讲，这是一个解决方案，但我想将该解决方案用作 API，在这里我放置了颜色选择器的示例，但在相同的代码中，我希望使用 Google Map API 和 Google reCaptcha V2 .0，我无法（或不知道如何）获得这些来源