Sub Requests
Keep on Learning!
If you liked what you've learned so far, dive in! Subscribe to get access to this tutorial plus video, code and script downloads.
With a Subscription, click any sentence in the script to jump to that part of the video!
Login SubscribeBefore we finish our adventure, I want to talk about a fascinating feature of the request-response process. It's something that we've already seen... but not explored. I want to talk about sub-requests.
Rendering a Controller from a Template
To do that, we need to add a feature! On the homepage, see these trending quotes on the right? I'm going to close a few files... and open this template: templates/article/homepage.html.twig
. The trending quotes are hardcoded right here. Let's make this a bit more realistic: let's pretend that these quotes are coming from the database.
That would be simple enough: we could open the homepage controller, query for the quotes and pass them into the template. Except... I'm going to complicate things. Pretend that we want to be able to easily reuse this "trending quotes" sidebar on a bunch of different pages. To do that nicely, we need to somehow encapsulate the markup and the query logic.
There are at least 2 different ways to do this. The first option would be to move the markup to another template and, inside that template, call a custom Twig function that fetches the trending quotes from the database.
The second option - and a particularly interesting one if you want to use HTTP caching - is to use a sub-request. You may have done this before without realizing that you were actually doing something super cool.
Remove this entire section and replace it with {{ render(controller()) }}
. Together, these two functions allow you to literally render a controller from inside Twig. The content of that Response will be printed right here.
Let's execute a new controller: App\\Controller
- you need 2 slashes because we're inside a string - \\PartialController
. For the method, how about, ::trendingQuotes
.
// ... lines 1 - 2 | |
{% block body %} | |
<div class="container"> | |
<div class="row"> | |
// ... lines 6 - 45 | |
<div class="col-sm-12 col-md-4 text-center"> | |
// ... lines 47 - 52 | |
{{ render(controller('App\\Controller\\PartialController::trendingQuotes')) }} | |
</div> | |
</div> | |
</div> | |
{% endblock %} |
Creating the Sub-Request Controller
Cool! Let's go make that! Click on Controller/
and create a new PHP class: PartialController
. Make it extend the usual AbstractController
and create the public function trendingQuotes()
.
// ... lines 1 - 4 | |
use Symfony\Bundle\FrameworkBundle\Controller\AbstractController; | |
class PartialController extends AbstractController | |
{ | |
public function trendingQuotes() | |
{ | |
// ... lines 11 - 15 | |
} | |
// ... lines 17 - 37 | |
} |
But instead of making a real database query, let's fake it. I'll paste in a new private function called getTrendingQuotes()
: it returns an array with the data for the 3 quotes.
// ... lines 1 - 17 | |
private function getTrendingQuotes() | |
{ | |
return [ | |
[ | |
'author' => 'Wernher von Braun, Rocket Engineer', | |
'link' => 'https://en.wikipedia.org/wiki/Wernher_von_Braun', | |
'quote' => 'Our two greatest problems are gravity and paperwork. We can lick gravity, but sometimes the paperwork is overwhelming.', | |
], | |
[ | |
'author' => 'Aaron Cohen, NASA Administrator', | |
'link' => 'https://en.wikipedia.org/wiki/Aaron_Cohen_(Deputy_NASA_administrator)', | |
'quote' => 'Let\'s face it, space is a risky business. I always considered every launch a barely controlled explosion.', | |
], | |
[ | |
'author' => 'Christa McAuliffe, Challenger Astronaut', | |
'link' => 'https://en.wikipedia.org/wiki/Christa_McAuliffe', | |
'quote' => 'If offered a seat on a rocket ship, don\'t ask what seat. Just get on.', | |
], | |
]; | |
} | |
// ... lines 38 - 39 |
Above, call this: $quotes = $this->getTrendingQuotes()
... and then render the template: return $this->render()
, partial/trendingQuotes.html.twig
passing in the $quotes
variable.
// ... lines 1 - 8 | |
public function trendingQuotes() | |
{ | |
$quotes = $this->getTrendingQuotes(); | |
return $this->render('partial/trendingQuotes.html.twig', [ | |
'quotes' => $quotes | |
]); | |
} | |
// ... lines 17 - 39 |
Finally add the template: create the new partial/
directory first... then the new trendingQuotes.html.twig
inside. Perfect! I'll paste some code here that loops over the quotes and prints them. Remember that you can get any of the code I'm pasting from the code blocks on this page.
<div class="quote-space pb-2 pt-2"> | |
<h3 class="text-center pb-3">Trending Quotes</h3> | |
<div class="px-5"> | |
{% for quote in quotes %} | |
<p{{ loop.first ? '' : 'class="pt-4"' }}> | |
<i class="fa fa-comment"></i> "{{ quote.quote }}" <br>— <a href="{{ quote.link }}">{{ quote.author }}</a> | |
</p> | |
{% endfor %} | |
</div> | |
</div> |
Ok! Let's see if it works! Move over and refresh. Woo! That was amazing! We just made a sub-request!
Seeing the Sub Request in the Profiler
Oh... you're not as excited as I am? Ok fine. Click any of the icons down on the web debug toolbar to open the profiler and then go to the Performance section. Look closely: it has all the normal stuff right? I see RouterListener
and our controller. But, there's a funny shaded background coming from inside the Twig template.
This is indicating that there was a sub-request during this time. And if you scroll down, you can see it! Sub-requests 1 for trendingQuotes()
.
This will make more sense if you scroll up and set the Threshold input box back down to 0 to show everything.
Look again at the shaded area. This is when the sub-request is being handled, which literally means that another Request
object was created and sent into HttpKernel::handle()
! Scroll down... and behold!
Symfony didn't just "call" the controller: it went through the entire HttpKernel::handle()
process again! It dispatched another kernel.request
event, executed all the listeners - including our UserAgentSubscriber
- called the controller and dispatched kernel.response
. It also dispatched the other normal events too - they're just hard to see.
So... yea! {{ render(controller()) }}
sends a second Request
object through the HttpKernel
process. It's bonkers.
In fact, that second request even gets its own entire profiler! Yep, click the controller link to go to the profiler for that sub-request! Check out the URL: this is a kind of, internal URL that identifies this sub-request. Set the threshold to 0 here to get a big view of that sub-request.
Sub-Requests & _controller
So... how did this work? How does Symfony go through the entire HttpKernel process and render this controller... if there is no route to the controller? How does the routing work for a sub-request?
The truth is: the routing doesn't execute. Click into the "Request / Response" section and scroll down to the request attributes. Check it out: the request attributes have an _controller
key set to App\Controller\PartialController::trendingQuotes
.
This works a lot like what we saw in ErrorListener
, when it rendered ErrorController
. Symfony created a Request
object and set the _controller
on its attributes. Then, when RouterListener
was called for this sub-request - because it was called - it saw that the request already had an _controller
attribute and returned immediately. The router is never called and the ControllerResolver
reads the _controller
string that was originally set.
Sub-Requests are Expensive
So this is a sub request. We're going to explore it further and talk about some special properties of it. But before we do, I want to mention one thing. Sub-Requests are awesome if you want to leverage HTTP caching: when you cache the Response
of a sub-request. For example, you could cache the trendingQuotes()
Response
for 1 hour, and then not cache the rest of the page at all. Or you could do the opposite! It's a blazingly fast way to cache.
But if you're not using HTTP caching, be careful not to over-use sub-requests. Remember: they execute an entire HttpKernel::handle()
flow. So if you have a lot of them, it will slow down performance.
Next: let's make our sub-request a little bit more interesting. It will uncover something mysterious.
I'm trying to come up with the simplest method for caching a subrequest from twig but I feel like there must be a better way. Anyway, I came up with:
Any thoughts on how to simplify this? I haven't tested it btw so I don't even know if this actually works!