在 jsps 中使用 web 组件答案

【问题标题】：Using web components in jsps在 jsps 中使用 web 组件
【发布时间】：2020-01-09 20:29:59
【问题描述】：

我尝试增强一个“旧”应用程序，该应用程序使用纯 jsps 和一些 Web 组件，但它不起作用。这是否有效，还是我必须以某种不同的方式包含 Web 组件的 javascript 代码？

应用程序在 Payara 5.192 和 JEE7 上运行。

example.jsp

<head>
   <script type="module" src="<%=Globals.getProperty("DIR_JSP")%>/javascript/node_modules/my-web-component/master-detail.js" /> 
</head>

<body>
    <% funny inline java code %>
    <master-detail detailsWidth="90">My content to be shown in the details view<master-detail>
</body>

【问题讨论】：

这只能意味着您的my-detail.js 中的customElements.define 要么未执行，要么不正确。首先检查该文件是否完全加载到浏览器中。

标签： jsp web-component payara

【解决方案1】：

“检查文件是否已在浏览器中加载”的提示很好。

问题与自定义元素本身无关，而是与我的设置有关。我在本地机器上尝试过此操作，因此请注意以下说明仅适用于本地，而不适用于本地生产环境。

我已将我的 javascript 和相关依赖项直接部署在 Payara 应用程序的 webapps 文件夹中。自定义元素和相关的依赖 javascript 文件都加载到来自 Payara 的页面调用，i.d. Payara 收到了 120 个无法处理的请求。所以实际上我对我当地的 Payara 进行了 DoS 攻击。在生产环境中，我会将 javascript 文件部署到 nginx，例如

在我增加了 http-listener 的线程并禁用了 https（因为这会导致高 cpu 峰值）之后，它在我的本地机器上就像魅力一样。

【讨论】：