Differences

This shows you the differences between two versions of the page.

--- litespeed_wiki:cache:laravel_esi [2019/04/10 14:06]
Lisa Clarke Proofreading
+++ litespeed_wiki:cache:laravel_esi [2019/05/02 08:45]
Lucas Rolff Add CSRF info for OLS
@@ Line 1: / Line 1: @@
 ======Use LSCache with CSRF Tokens in Laravel======
+**This wiki assumes you're using our [[https://github.com/litespeedtech/lscache-laravel|Laravel LSCache]] composer package.**
 When you're building a web application that contains forms, it's quite common that you have CSRF tokens to prevent cross-site scripting (XSS). However, if you want to use LSCache within your application, this often breaks form submissions because everyone gets the same CSRF token, unless you've set private cache as the default when enabling LSCache.
@@ Line 11: / Line 13: @@
   Route::get('/csrf', function() {
       $response = csrf_token();
-      return response($response, 200)->header('X-LiteSpeed-Cache-Control', 'private,max-age=900');
+      return response($response, 200);
-  });
+  })->middleware('lscache:private;max-age=900');
 What we are doing here is solely generating a CSRF token. We make it private in such a way that the response becomes unique to the user, and we cache it for 900 seconds (15 minutes). Since the tokens do not constantly refresh, there is no need to do an ESI call for every pageview if we can avoid it.
@@ Line 74: / Line 76: @@
 =====Remember to Enable ESI=====
-In your .htaccess file, you can enable ESI for all requests:
+We have a small example here of how to enable the ESI engine:
-  <IfModule LiteSpeed>
+  Route::get('/csrf', function() {
-  RewriteEngine on
+      $response = csrf_token();
-  RewriteRule .? - [E=esi_on:1,E=cache-control:max-age=3600]
+      return response($response, 200);
-  CacheLookup on
+  })->middleware('lscache:private;max-age=900');
-  </IfModule>
+  Route::get('/contact', function() {
+      return view('contact');
+  })->middleware('lscache:max-age=3600;public;esi=on');
+We use our ''lscache'' middleware to set a max age of 1 hour, set the cacheability to public and enable the ESI engine with ''esi=on''. It's important that you use ''esi=on'' within the lscache-middleware for all the pages where you use your ESI blocks - if you do not add this, the ESI engine won't get enabled and ESI won't be used.
-However, we do advise that you enable ESI using the ''X-LiteSpeed-Cache-Control'' response header. It also allows you to do more fine-grained control over how long you want to cache the pages, whether it should be private or public cache, etc.
+For performance reasons, please do not enable ESI globally.
+=====How to handle CSRF if you're using OpenLiteSpeed=====
+OpenLiteSpeed doesn't have ESI available, so you can't use the above ESI implementation with OpenLiteSpeed, however, we can still do something similar using javascript:
+  <script type="text/javascript">
+    $(document).ready(function () {
+      $.ajax({
+        url: '/csrf',
+        success: function(csrf_token) {
+          $('meta[name=csrf-token]').attr('content', csrf_token);
+          $('input[name=_token]').attr('value', csrf_token);
+        }
+      });
+    });
+  </script>
+You'll still use the ''/csrf'' endpoint mentioned earlier:
+  Route::get('/csrf', function() {
+      $response = csrf_token();
+      return response($response, 200);
+  })->middleware('lscache:private;max-age=900');