JackCode навигациясыiGaming-продукттарды түзүңүз, ишке киргизиңиз жана масштабдаңыз.
Тилди алмаштыруу
Практикалык гайд

CORS жана CSRF/XSS коргоо

Браузерлерден APIге жетүүнү көзөмөлдөө: CORS жөндөөлөрү, сайттар аралык чабуулдардан коргоо (CSRF), скрипттерди чыпкалоо жана кардар тарабындагы токендер менен коопсуз иштөө.
Эксперт Григорий Титов

API аркылуу веб-интеграция - бул ыңгайлуулук гана эмес, ошондой эле алсыздыктын потенциалдуу булагы. Биз CORS (Cross-Origin Resource Sharing), ошондой эле сайттар аралык жасалма суроо коргоо (CSRF) жана зыяндуу JavaScript (XSS) киргизүү механизмдерин толук колдоону ишке ашырат.

Бул чаралар браузердик кардарлар, фронтенд, дашборддор жана үчүнчү тараптык интеграциялар менен иштөөдө өзгөчө маанилүү.

Эмне ишке ашырылды

Механизм Максаты жана пайдасы
CORS жөндөөлөрү Ишенимдүү домендерден гана APIге кирүүнү чектөө
CSRF токендери Браузерден POST/PUT суроо-талаптардын мыйзамдуулугун текшерүү
Cookie SameSite Уруксатсыз кросс-домендик кукилерди бөгөттөө
XSS чыпкалоо Кирүү маалыматтарын тазалоо жана скрипттерди киргизүүдөн коргоо
Content Security Policy (CSP) Скрипттердин жана ресурстардын уруксат берилген булактарын башкаруу

Кантип иштейт

1. Ишенимдүү булактардын тизмелери ('Access-Control-Allow-Origin')

2. Бардык суроолор CORS preflight (OPTIONS) баш сыноо менен өтөт

3. Формалар үчүн - серверде текшерилүүчү CSRF токени колдонулат

4. Бардык кириш маалыматтары XSS чыпкалоо жана экранга өтөт

5. CSP уруксат берилген булактардан гана скрипттерди аткарууну чектейт

API жана frontend үчүн артыкчылыктары

Үчүнчү тараптын сайттары аркылуу маалыматтарды жана токендерди уурдоону алдын алуу

Браузерлер, SPA жана үчүнчү тараптын интеграциясы менен коопсуз иштөө

Уруксат берилген домендерди, ыкмаларды, аталыштарды ийкемдүү орнотуу

Сессияларды жана авторизацияны жасалма же басып алуудан коргоо

Колдонуучулардын жана аудиторлордун сиздин APIге болгон ишенимин жогорулатуу

Кайда өзгөчө маанилүү

Браузерден API колдонгон веб-тиркемелер

Дашборддор, жеке кабинеттер, администраторлор

SPA тиркемелер жана React Frontend, Vue, Angular

Колдонуучу токендери же cookie авторизациясы бар платформалар


CORS, CSRF жана XSS API менен иштөөдө алдыңкы коопсуздук негизи болуп саналат. Биз ишенимдүү коргоону жана ийкемдүүлүктү камсыз кылат, ошондуктан сиздин интеграциялар гана эмес, ошондой эле коопсуз бойдон калууда.