Веб сигурност: Како ојачати ХТТП колачиће

Напомена: ово је 4. део серије о веб безбедности. Трећи део је био Осигурајте своју веб апликацију овим ХТТП заглављима.

Замислите да сте позадински програмер који треба да имплементира сесије у апликацију: прва ствар која вам падне на памет је издавање токена клијентима и тражење од њих да пошаљу тај токен са својим наредним захтевима. Од тада ћете моћи да идентификујете клијенте на основу токена укљученог у њихов захтев.

ХТТП колачићи су рођени да би стандардизовали ову врсту механизма у читачима. Они су ништа друго до начин да се подаци које сервер пошаље пошаљу и пошаљу заједно са будућим захтевима. Сервер шаље колачић који садржи мале делове података. Прегледач га складишти и шаље заједно са будућим захтевима на исти сервер.

Зашто бисмо се мучили око колачића из сигурносне перспективе? Јер подаци које садрже су, често него изузетно, изузетно осетљиви. Колачићи се обично користе за чување ИД-ова сесија или приступних токена, светог грала нападача. Једном када су изложени или угрожени, нападачи се могу представљати као корисници или повећати њихове привилегије на вашу апликацију.

Обезбеђивање колачића је један од најважнијих аспеката приликом примене сесија на Интернету. Стога ће вам ово поглавље пружити боље разумевање колачића, како их заштитити и које се алтернативе могу користити.

Шта је иза колачића?

Сервер може да постави колачић користећи Set-Cookieзаглавље:

HTTP/1.1 200 OkSet-Cookie: access_token=1234...

Клијент ће затим сачувати ове податке и послати их у наредним захтевима кроз Cookieзаглавље:

GET / HTTP/1.1Host: example.comCookie: access_token=1234...

Имајте на уму да сервери могу истовремено поставити више колачића:

HTTP/1.1 200 OkSet-Cookie: access_token=1234Set-Cookie: user_id=10...

и клијенти могу да чувају више колачића и пошаљу их у свом захтеву:

GET / HTTP/1.1Host: example.comCookie: access_token=1234; user_id=10...

Поред обичног кључа и вредности , колачићи могу садржати и додатне смернице које ограничавају њихово време постојања и опсег.

Истиче

Одређује када колачић треба да истекне, тако да га прегледачи не чувају и не преносе на неодређено време. Јасан пример је ИД сесије, који обично истиче након неког времена. Ова директива је изражена као датум у облику Date: , <сата> ;:: GMT, попут Датум: Фри, 24 Ауг 2018 04:33:00 ГМТ. Ево пуног примера колачића који истиче 1. јануара 2018:

access_token=1234;Expires=Mon, 1st Jan 2018 00:00:00 GMT

Мак-Аге

Слично Expiresдирективи, Max-Ageодређује број секунди до истека колачића. Колачић који би требало да траје 1 сат изгледао би овако:

access_token=1234;Max-Age=3600

Домаин

Ова директива дефинише на које хостове треба послати колачић. Запамтите, колачићи углавном садрже осетљиве податке, па је зато прегледачима важно да их не прослеђују непоузданим домаћинима. Колачић са директивом Domain=trusted.example.comнеће бити послат заједно са захтевима ни на један други домен trusted.example.com, чак ни на главни домен example.com. Ево ваљаног примера колачића ограниченог на одређени поддомен:

access_token=1234;Domain=trusted.example.com

Пут

Слично Domainдирективи, али се односи на путању УРЛ-а ( /some/path). Ова директива спречава дељење колачића са непоузданим путањама, као у следећем примеру:

access_token=1234;Path=/trusted/path

Сесија и трајни колачићи

Када сервер пошаље колачић без постављања Expiresили Max-Age, прегледачи га третирају као колачић сесије : уместо да погађа време његовог постојања или примењује смешну хеуристику, прегледач га брише када се искључи.

Упорна колачић , напротив, чувају се на клијента до истека рока од стране њених Expiresили Max-Ageдирективама.

Вреди напоменути да би прегледачи могли да користе механизам познат као обнављање сесије , где се колачићи сесија могу опоравити након што се клијент искључи. Прегледачи су применили ову врсту механизма како би корисницима прикладно дозволили да наставе сесију након, на пример, пада. Враћање сесије може довести до неочекиваних проблема ако очекујемо да колачићи сесије истекну у одређеном временском оквиру (на пример, апсолутно смо сигурни да сесија неће трајати дуже од Кс времена).

Из перспективе прегледача, обнављање сесије је савршено ваљана функција, јер ти колачићи остају у рукама клијента, без датума истека. Оно што клијент ради са тим колачићима не утиче на сервер који није у стању да открије да ли се клијент у било ком тренутку искључио. Ако клијент жели да колачиће сесије одржи заувек, то не брине сервер. То би дефинитивно била упитна имплементација, али сервер ту ништа не може учинити.

Мислим да не постоји јасан победник између сесије и трајних колачића, јер оба врло добро служе у различите сврхе. Оно што сам приметио је да ће Фацебоок, Гоогле и сличне услуге користити трајне колачиће. Из личног искуства, углавном сам увек користио трајне колачиће, али никада нисам морао да везујем критичне информације, попут броја социјалног осигурања или стања на банковном рачуну, за сесију.

У неким контекстима од вас ће се можда захтевати да користите колачиће сесије због захтева за усклађеност. Видео сам ревизоре како траже да све трајне колачиће претворе у оне сесије. Када ме људи питају „ да ли треба да користим Кс или И? ”Мој одговор је„ зависи од контекста ”. Израда књиге гостију за ваш блог носи различите безбедносне последице од изградње банкарског система. Као што ћемо видети касније у овој серији, препоручио бих да разумете ваш контекст и покушате да направите систем који је довољно сигуран : апсолутна сигурност је утопија, баш као и 100% СЛА.

Само за хостове

Када сервер не садржи Domainдирективу, колачић ће се сматрати host-onlyједним, што значи да је његова важност ограничена само на тренутни домен.

Ово је нека врста „подразумеваног“ понашања претраживача када приме колачић који није Domainпостављен. Мали пример који сам написао можете наћи на гитхуб.цом/одино/васец/трее/мастер/цоокиес. То је једноставна веб апликација која поставља колачиће на основу параметара УРЛ-а и исписује колачиће на страници путем неког ЈаваСцрипт кода:

 let content = "none";
if (document.cookie) { let cookies = document.cookie.split(';') content = ''
cookies.forEach(c => { content += "

" + c + "

" }) }
document.getElementById('output').innerHTML = "Cookies on this document: " + content + " " 

Ако следите упутства READMEнаведена у, моћи ћете да приступите веб серверу на адреси васец.лоцал: 7888, који илуструје како host-onlyколачићи раде:

Ако онда покушамо да посетимо поддомен, колачићи које поставимо на главном домену неће бити видљиви - покушајте да се помакнете до суб.васец.лоцал: 7888:

Начин да заобиђемо ово ограничење је, као што смо видели раније, да одредимо Domainдирективу колачића, што можемо учинити ако посетимо васец.лоцал: 7888 /? Домаин = он:

If we have a look at the application running on the subdomain, we will now be able to see cookies set on the parent domain, as they use Domain=wasec.local, which allows any domain “under” wasec.local to access the cookies:

In HTTP terms, this is how the responses sent from the server look like:

~ ᐅ curl -I //wasec.local:7888HTTP/1.1 200 OKSet-Cookie: example=test_cookieDate: Fri, 24 Aug 2018 09:34:08 GMTConnection: keep-alive
~ ᐅ curl -I "//wasec.local:7888/?domain=on"HTTP/1.1 200 OKSet-Cookie: example=test_cookieSet-Cookie: example_with_domain=test_domain_cookie;Domain=wasec.localDate: Fri, 24 Aug 2018 09:34:11 GMTConnection: keep-alive

Supercookies

What if we were able to set a cookie on a top-level domain (TLD) such as .com or .org? That would definitely be a huge security concern, for two main reasons:

  • user privacy: every website running on that specific TLD would be able to track information about the user in a shared storage
  • information leakage: a server could mistakenly store a sensitive piece of data in a cookie available to other sites

Luckily, TLD-cookies, otherwise known as supercookies, are disabled by web browsers for the reasons I mentioned above. If you try to set a supercookie, the browser will simply refuse to do so. If we append the parameter super=on in our example, we will see the server trying to set a supercookie, while the browser ignores it:

In today’s web, though, there are other ways to keep track of users, ETag tracking being an example of this. Since cookies are usually associated with tracking, these techniques are often referred to as supercookies as well, even though they do not rely on HTTP cookies. Other terms that may refer to the same set of technologies and practices are permacookies (permanent cookies) or zombiecookies (cookies that never die).

Unwanted Verizon Ads Companies love to make money out of ads, that’s no news. But when ISPs start to aggressively track their customers in order to serve unwanted ads, well, that’s a different story. In 2016, Verizon was found guilty of tracking users without their consent, and sharing their information with advertisers. This resulted in a fine of $1.35 million and the inability, for the company, to continue with their questionable tracking policy. Another interesting example was Comcast, who used to include custom JavaScript code in web pages served through its network. Needless to say, if all web traffic would be served through HTTPS we wouldn’t have this problem, as ISPs wouldn’t be able to decrypt and manipulate traffic on-the-fly.

Cookie flags that matter

Until now we’ve barely scratched the surface of HTTP cookies. It’s now time for us to taste the real juice.

There are 3 very important directives (Secure, HttpOnly, and SameSite) that should be understood before using cookies, as they heavily impact how cookies are stored and secured.

Encrypt it or forget it

Cookies contain very sensitive information. If attackers get hold of a session ID, they can impersonate users by hijacking their sessions.

Most session hijacking attacks usually happen through a man-in-the-middle who can listen to the unencrypted traffic between the client and server, and steal any information that’s been exchanged. If a cookie is exchanged via HTTP, then it’s vulnerable to MITM attacks and session hijacking.

To overcome the issue, we can use HTTPS when issuing the cookie and add the Secure flag to it. This instructs browsers to never send the cookie in plain HTTP requests.

Going back to our practical example, we can test this out by navigating to //wasec.local:7889/?secure=on. The server sets 2 additional cookies, one with the Secure flag and one without:

When we go back and navigate to the HTTP version of the site, we can clearly see that the Secure cookie is not available in the page. Try navigating to wasec.local:7888.

We can clearly see that the HTTPS version of our app set a cookie that’s available to the HTTP one (the not_secure one), but the other cookie, flagged as Secure, is nowhere to be seen.

Marking sensitive cookies as Secure is an incredibly important aspect of cookie security. Even if you serve all of your traffic over HTTPS, attackers can find a way to set up a plain old HTTP page under your domain and redirect users there. Unless your cookies are Secure, they will then have access to a very delicious meal.

JavaScript can’t touch this

As we’ve seen earlier in this series, XSS attacks allow a malicious user to execute arbitrary JavaScript on a page. Considering that you could read the contents of the cookie jar with a simple document.cookie, protecting our cookies from untrusted JavaScript access is a very important aspect of hardening cookies from a security standpoint.

Luckily, the HTTP spec took care of this with the HttpOnly flag. By using this directive we can instruct the browser not to share the cookie with JavaScript. The browser then removes the cookie from the window.cookie variable, making it impossible to access the cookie via JavaScript.

If we look at the example at wasec.local:7888/?httponly=on, we can clearly see how this works. The browser has stored the cookie (as seen in the DevTools screenshot below) but won’t share it with JavaScript:

The browser will then keep sending the cookie to the server in subsequent requests, so the server can still keep track of the client through the cookie. The trick, in this case, is that the cookie is never exposed to the end-user, and remains “private” between the browser and the server.

The HttpOnly flag helps mitigate XSS attacks by denying access to critical information stored in a cookie. Using it makes it harder for an attacker to hijack a session.

In 2003, researchers found an interesting vulnerability around the HttpOnly flag, Cross-Site Tracing (XST). In a nutshell, browsers wouldn’t prevent access to HttpOnly cookies when using the TRACE request method. While most browsers have now disabled this method, my recommendation would be to disable TRACE at your webserver’s level, returning the 405 Not allowed status code.

SameSite: The CSRF killer

Last but not least, the SameSite flag, one of the latest entries in the cookie world.

Introduced by Google Chrome v51, this flag effectively eliminates Cross-Site Request Forgery (CSRF) from the web. SameSite is a simple yet groundbreaking innovation as previous solutions to CSRF attacks were either incomplete or too much of a burden to site owners.

In order to understand SameSite, we first need to have a look at the vulnerability it neutralizes. A CSRF is an unwanted request made by site A to site B while the user is authenticated on site B.

Sounds complicated? Let me rephrase.

Suppose that you are logged in on your banking website, which has a mechanism to transfer money based on an HTML rm> and a few additional parameters (destination account and amount). When the website recei ves a POST request with those parameters and your session cookie, it will process the transfer. Now, suppose a malicious 3rd party website sets up an HTML form as such:

See where this is getting?

If you click on the submit button, cleverly disguised as an attractive prize, $1000 is going to be transferred from your account. This is a cross-site request forgery - nothing more, nothing less.

Traditionally, there have been 2 ways to get rid of CSRF:

  • Origin and Referer headers: the server could verify that these headers come from trusted sources (For example //bank.com). The downside of this approach is that, as we’ve seen earlier in this series, neither the Origin nor the Referer are very reliable and could be “turned off” by the client in order to protect the user’s privacy.
  • CSRF tokens: the server could include a signed token in the form, and verify its validity once the form is submitted. This is generally a solid approach and it’s been the recommended best practice for years. The drawback of CSRF tokens is that they’re a technical burden for the backend, as you’d have to integrate token generation and validation in your web application. This might not seem to be a complicated task, but a simpler solution would be more than welcome.

SameSite cookies aim to supersede the solutions mentioned above once and for all. When you tag a cookie with this flag, you tell the browser not to include the cookie in requests that were generated by different origins. When the browser initiates a request to your server and a cookie is tagged as SameSite, the browser will first check whether the origin of the request is the same origin that issued the cookie. If it’s not, the browser will not include the cookie in the request.

We can have a practical look at SameSite with the example at github.com/odino/wasec/tree/master/cookies. When you browse to wasec.local:7888/?samesite=on the server will set a SameSite cookie and a “regular” one.

If we then visit wasec2.local:7888/same-site-form we will see an example HTML form that will trigger a cross-site request:

If we click on the submit button of the form, we will then be able to understand the true power of this flag. The form will redirect us to wasec.local:7888, but there is no trace of the SameSite cookie in the request made by the browser:

Don’t get confused by seeing same_site_cookie=test on your screen: the cookie is made available by the browser, but it wasn’t sent in the request itself. We can verify this by simply typing //wasec.local:7888/ in the address bar:

Since the originator of the request is “safe” (no origin, GET method) the browser sends the SameSite cookie with the request.

This ingenious flag has 2 variants, Lax and Strict. Our example uses the former, as it allows top-level navigation to a website to include the cookie. When you tag a cookies as SameSite=Strict instead, the browser will not send the cookie across any cross-origin request, including top-level navigation. This means that if you click a link to a website that uses strict cookies you won’t be logged in at all. An extremely high amount of protection that, on the other hand, might surprise users. The Lax mode allows these cookies to be sent across requests using safe methods (such as GET), creating a very useful mix between security and user experience.

Let’s recap what we’ve learned about cookies flags as they are crucial when you’re storing, or allowing access to, sensitive data through them, which is a very standard practice:- marking cookies as Secure will make sure that they won’t be sent across unencrypted requests, rendering man-in-the-middle attacks fairly useless- with the HttpOnly flag we tell the browser not to share the cookie with the client (for example, allowing JavaScript access to the cookie), limiting the blast radius of an XSS attack- tagging the cookie as SameSite=Lax|Strict will prevent the browser from sending it in cross-origin requests, rendering any kind of CSRF attack ineffective

Alternatives

Reading all of this material about cookies and security, you might be tempted to say “I really want to stay away from cookies!”. The reality is that, as of now, cookies are your best bet if you want to implement some sort of session mechanism over HTTP. Every now and then I’m asked to evaluate alternatives to cookies, so I’m going to try and summarize a couple things that get mentioned very often:

  • localStorage: especially in the context of single-page applications (SPA), localStorage gets sometimes mentioned when discussing where to store sensitive tokens. The problem with this approach, though, is that localStorage does not offer any kind of protection against XSS attacks. If an attacker is able to execute a simple localStorage.getItem('token') on a victim’s browser, it’s game over. HttpOnly cookies easily overcome this issue.
  • JWT: JSON Web Tokens define a way to securely create access tokens for a client. JWT is a specification that defines how an access token would look like and does not define where is the token going to be stored. In other words, you could store a JWT in a cookie, the localStorage or even in memory, so it doesn’t make sense to consider JWTs an “alternative” to cookies.

What would LeBron do?

It’s time to move on from the HTTP protocol and its features, such as cookies. Throughout this series we’ve been on a long journey, dissecting why cookies were born, how they’re structured and how you can protect them by applying some restrictions on their Domain, Expires, Max-Age and Path attributes, and how other flags such as Secure, HttpOnly and SameSite are vital in hardening cookies.

Let’s move forward and try to understand what we should do, from a security perspective, when we encounter a particular situation. The next article will try to provide advice based on best practices and past experience.

The next article in this series will introduce what I call “The Situationals”.

Originally published at odino.org (14 September 2018).

You can follow me on Twitter — rants are welcome! ?