public class CDNResourceHandler extends DefaultResourceHandler
This ResourceHandler
implementation allows the developer to provide external (CDN) URLs instead of the
default local URLs for JSF resources. This also works on auto-included resources provided as
ResourceDependency
by the JSF implementation and/or component libraries. For example, JSF's own
javax.faces:jsf.js
resource or PrimeFaces' primefaces:jquery/jquery.js
resource could be
pointed to a CDN.
To get it to run, this handler needs be registered as follows in faces-config.xml
:
<application> <resource-handler>org.omnifaces.resourcehandler.CDNResourceHandler</resource-handler> </application>
To configure the CDN URLs, a "org.omnifaces.CDN_RESOURCE_HANDLER_URLS"
context parameter has to be provided wherein the CDN resources are been specified as a comma separated string of
libraryName:resourceName=https://cdn.example.com/url
key=value pairs. The key represents the default
JSF resource identifier and the value represents the full CDN URL, including the scheme. The CDN URL is not validated
by this resource handler, so you need to make absolutely sure yourself that it is valid.
Here is an example configuration:
<context-param> <param-name>org.omnifaces.CDN_RESOURCE_HANDLER_URLS</param-name> <param-value> js/script1.js=https://cdn.example.com/js/script1.js, somelib:js/script2.js=https://cdn.example.com/somelib/js/script2.js, otherlib:style.css=https://cdn.example.com/otherlib/style.css, somelib:images/logo.png=https://cdn.example.com/somelib/logo.png </param-value> </context-param>
With the above configuration, the following resources:
<h:outputScript name="js/script1.js" /> <h:outputScript library="somelib" name="js/script2.js" /> <h:outputStylesheet library="otherlib" name="style.css" /> <h:graphicImage library="somelib" name="images/logo.png" />
Will be rendered as:
<script type="text/javascript" src="https://cdn.example.com/js/script1.js"></script> <script type="text/javascript" src="https://cdn.example.com/somelib/js/script2.js"></script> <link type="text/css" rel="stylesheet" href="https://cdn.example.com/otherlib/style.css" /> <img src="https://cdn.example.com/logo.png" />
Here is a real world example with Bootstrap:
<context-param> <param-name>org.omnifaces.CDN_RESOURCE_HANDLER_URLS</param-name> <param-value> cdn:bootstrap.css=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css, cdn:bootstrap.js=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js </param-value> </context-param>
With the above configuration, the following resources:
<h:outputStylesheet library="cdn" name="bootstrap.css" /> <h:outputScript library="cdn" name="bootstrap.js" />
Will be rendered as:
<link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
You can also use the wildcard syntax to map every single resource of a specific library to a common CDN URL. To
achieve that, just use *
as the sole resource name and make sure that the CDN URL ends with
/*
. Here's an example:
<context-param> <param-name>org.omnifaces.CDN_RESOURCE_HANDLER_URLS</param-name> <param-value>jquery-cdn:*=https://code.jquery.com/*</param-value> </context-param>With the above configuration, the following resources:
<h:outputScript library="jquery-cdn" name="jquery-1.9.1.js" /> <h:outputScript library="jquery-cdn" name="ui/1.10.3/jquery-ui.js" />
Will be rendered as:
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
The CDN resource handler supports evaluating EL expessions in the CDN URL. Here's an example:
<context-param> <param-name>org.omnifaces.CDN_RESOURCE_HANDLER_URLS</param-name> <param-value>jquery-cdn:*=https://#{settings.jqueryCDN}/*</param-value> </context-param>
The EL expression is resolved on a per-request basis.
If you'd like to supply a context parameter which conditionally disables the CDN resource handler, then set the context parameter "org.omnifaces.CDN_RESOURCE_HANDLER_DISABLED" accordingly.
<context-param> <param-name>org.omnifaces.CDN_RESOURCE_HANDLER_DISABLED</param-name> <param-value>true</param-value> </context-param> <!-- or --> <context-param> <param-name>org.omnifaces.CDN_RESOURCE_HANDLER_DISABLED</param-name> <param-value>#{facesContext.application.projectStage eq 'Development'}</param-value> </context-param> <!-- or --> <context-param> <param-name>org.omnifaces.CDN_RESOURCE_HANDLER_DISABLED</param-name> <param-value>#{someBean.someBooleanProperty}</param-value> </context-param>
The EL expression is resolved on a per-request basis.
If you're also using the CombinedResourceHandler
, then you need to understand that CDN resources can
simply not be combined, as that would defeat the CDN purpose. The CombinedResourceHandler
will therefore
automatically exclude all CDN resources from combining.
RemappedResource
,
DefaultResourceHandler
Modifier and Type | Field and Description |
---|---|
static String |
PARAM_NAME_CDN_DISABLED
The context parameter name to conditionally disable CDN resource handler.
|
static String |
PARAM_NAME_CDN_RESOURCES
The context parameter name to specify CDN URLs for the given resource identifiers.
|
RES_NOT_FOUND
JSF_SCRIPT_LIBRARY_NAME, JSF_SCRIPT_RESOURCE_NAME, LOCALE_PREFIX, RESOURCE_CONTRACT_XML, RESOURCE_EXCLUDES_DEFAULT_VALUE, RESOURCE_EXCLUDES_PARAM_NAME, RESOURCE_IDENTIFIER, WEBAPP_CONTRACTS_DIRECTORY_PARAM_NAME, WEBAPP_RESOURCES_DIRECTORY_PARAM_NAME
Constructor and Description |
---|
CDNResourceHandler(ResourceHandler wrapped)
Creates a new instance of this CDN resource handler which wraps the given resource handler.
|
Modifier and Type | Method and Description |
---|---|
Resource |
decorateResource(Resource resource,
String resourceName,
String libraryName)
If the given resource is not
null and the CDN resource handler is not (conditionally) disabled for
the current request, then the CDN resources will be consulted if any CDN URL is available for the given resource. |
createResource, createResource, createResource, createResourceFromLibrary, decorateResource, getLibraryName
createResourceFromId, createViewResource, getRendererTypeForResourceName, getViewResources, getViewResources, getWrapped, handleResourceRequest, isResourceRendered, isResourceRequest, isResourceURL, libraryExists, markResourceRendered
public static final String PARAM_NAME_CDN_RESOURCES
public static final String PARAM_NAME_CDN_DISABLED
public CDNResourceHandler(ResourceHandler wrapped)
wrapped
- The resource handler to be wrapped.IllegalArgumentException
- When the context parameter is missing or is in invalid format.public Resource decorateResource(Resource resource, String resourceName, String libraryName)
null
and the CDN resource handler is not (conditionally) disabled for
the current request, then the CDN resources will be consulted if any CDN URL is available for the given resource.
If there is none, then just return the JSF default resource, otherwise return a wrapped resource whose
Resource.getRequestPath()
returns the CDN URL as is been set in the
"org.omnifaces.CDN_RESOURCE_HANDLER_URLS" context parameter.decorateResource
in class DefaultResourceHandler
resource
- The resource to be decorated.resourceName
- The resource name.libraryName
- The library name.Copyright © 2012–2021 OmniFaces. All rights reserved.