Use Third-Party JavaScript Libraries — Overview

DEX475 - JavaScript

📄 第 148 页 🎬 视频课程

课程章节介绍

好,今天咱们聊聊在Lightning Web Components里怎么用第三方的JavaScript库。 首先啊,在做之前,一定要先看看Salesforce的AppExchange上是不是已经有现成的解决方案了,或者咱们Lightning基础组件本身就能实现这个功能。这样一来,能省下不少开发时间。 假如确实要引入外部库,得记住一个关键原则:库文件必须作为静态资源上传到Salesforce,绝对不允许从CDN或者外部的URL直接加载。这是为了安全,得遵守Salesforce的内容安全策略。 在你的组件代码里,要怎么导入呢?我们要用@salesforce/resourceUrl这个作用域模块来引用静态资源,同时,借助lightning/platformResourcePlayer提供的方法,比如loadScript来加载脚本,loadStyle来加载样式。它们都是平台给我们准备的加载工具。 加载的过程是异步的——你调用loadScript或者loadStyle的时候,它会返回一个Promise。所以,我们在.then()回调里安全地去使用这个库。记住,别直接在加载语句下面就调用库的方法,得等它加载完。 关于兼容性,这跟你组织的安全架构有关。如果你的组织用的是Lightning Locker(就是老的Lightning Security),那对库的要求比较严格,很多库得按照规范改一改才能用。但如果你的组织启用了Lightning Web Security(新的安全模型),那多半现代的JavaScript库都能直接拿来用,基本不用修改,只有少数可能需要微调一下。 所以总结起来,就是先考虑替代方案,再上传静态资源,用平台方法安全加载,最后注意你的安全模式。这就保证了咱们既能用上丰富的第三方功能,又不会违反Salesforce的安全策略。

关键词

LWC Lightning Web Components Salesforce