M

MLOG

తెలుగు

CORS (క్రాస్-ఆరిజిన్ రిసోర్స్ షేరింగ్) రహస్యాలను తెలుసుకోండి మరియు మీ వెబ్ అప్లికేషన్లలో క్రాస్-డొమైన్ అభ్యర్థనలను సురక్షితంగా ఎలా ఎనేబుల్ చేయాలో నేర్చుకోండి. ఈ సమగ్ర గైడ్ బేసిక్స్ నుండి అధునాతన కాన్ఫిగరేషన్ల వరకు ప్రతిదీ కవర్ చేస్తుంది, వివిధ ఆరిజిన్‌ల మధ్య అతుకులు లేని మరియు సురక్షితమైన కమ్యూనికేషన్‌ను నిర్ధారిస్తుంది.

CORSను డీమిస్టిఫై చేయడం: క్రాస్-ఆరిజిన్ రిసోర్స్ షేరింగ్ కోసం ఒక సమగ్ర గైడ్

నేటి ఇంటర్‌కనెక్టెడ్ వెబ్‌లో, అప్లికేషన్‌లు తరచుగా విభిన్న ఆరిజిన్‌ల నుండి వనరులను యాక్సెస్ చేయాల్సి ఉంటుంది. ఇక్కడే క్రాస్-ఆరిజిన్ రిసోర్స్ షేరింగ్ (CORS) ఉపయోగపడుతుంది. CORS అనేది ఒక ముఖ్యమైన భద్రతా యంత్రాంగం, ఇది వెబ్ బ్రౌజర్‌లు ఒక ఆరిజిన్ (డొమైన్, ప్రోటోకాల్, మరియు పోర్ట్) నుండి మరొక ఆరిజిన్‌కు వచ్చే అభ్యర్థనలను ఎలా నిర్వహిస్తాయో నియంత్రిస్తుంది. సురక్షితమైన మరియు ఫంక్షనల్ వెబ్ అప్లికేషన్‌లను రూపొందించడానికి ప్రతి వెబ్ డెవలపర్‌కు CORS ను అర్థం చేసుకోవడం చాలా అవసరం.

సేమ్-ఆరిజిన్ పాలసీ అంటే ఏమిటి?

CORS గురించి తెలుసుకునే ముందు, సేమ్-ఆరిజిన్ పాలసీ (SOP)ని అర్థం చేసుకోవడం ముఖ్యం. SOP అనేది వెబ్ బ్రౌజర్‌లలో అమలు చేయబడిన ఒక ప్రాథమిక భద్రతా యంత్రాంగం. ఒక వెబ్‌సైట్‌లోని హానికరమైన స్క్రిప్ట్‌లు మరొక వెబ్‌సైట్‌లోని సున్నితమైన డేటాను యాక్సెస్ చేయకుండా నిరోధించడం దీని ఉద్దేశ్యం. ఒక ఆరిజిన్‌ను ప్రోటోకాల్ (ఉదా., HTTP లేదా HTTPS), డొమైన్ (ఉదా., example.com), మరియు పోర్ట్ నంబర్ (ఉదా., 80 లేదా 443) కలయికతో నిర్వచిస్తారు. రెండు URLలు ఒకే ప్రోటోకాల్, డొమైన్, మరియు పోర్ట్‌ను పంచుకుంటే అవి ఒకే ఆరిజిన్‌ను కలిగి ఉన్నాయని భావిస్తారు.

ఉదాహరణ:

SOP, CORS వంటి నిర్దిష్ట చర్యలు అనుమతించడానికి లేకపోతే, వేరే ఆరిజిన్ నుండి వనరులను యాక్సెస్ చేయకుండా స్క్రిప్ట్‌లను పరిమితం చేస్తుంది.

CORS ఎందుకు అవసరం?

సేమ్-ఆరిజిన్ పాలసీ భద్రతకు చాలా ముఖ్యమైనది అయినప్పటికీ, ఇది పరిమితంగా కూడా ఉంటుంది. అనేక ఆధునిక వెబ్ అప్లికేషన్‌లు APIలు లేదా కంటెంట్ డెలివరీ నెట్‌వర్క్‌లు (CDNలు) వంటి విభిన్న సర్వర్‌ల నుండి డేటాను పొందడంపై ఆధారపడతాయి. CORS, SOPని సడలించడానికి మరియు భద్రతను కొనసాగిస్తూనే చట్టబద్ధమైన క్రాస్-ఆరిజిన్ అభ్యర్థనలను అనుమతించడానికి నియంత్రిత మార్గాన్ని అందిస్తుంది.

http://example.com లో హోస్ట్ చేయబడిన వెబ్ అప్లికేషన్ http://api.example.net లో హోస్ట్ చేయబడిన API సర్వర్ నుండి డేటాను పొందవలసిన సందర్భాన్ని పరిగణించండి. CORS లేకుండా, బ్రౌజర్ SOP కారణంగా ఈ అభ్యర్థనను బ్లాక్ చేస్తుంది. CORS, API సర్వర్‌కు దాని వనరులను యాక్సెస్ చేయడానికి ఏ ఆరిజిన్‌లు అనుమతించబడతాయో స్పష్టంగా పేర్కొనడానికి అనుమతిస్తుంది, తద్వారా వెబ్ అప్లికేషన్ సరిగ్గా పనిచేస్తుంది.

CORS ఎలా పనిచేస్తుంది: ప్రాథమికాలు

CORS క్లయింట్ (బ్రౌజర్) మరియు సర్వర్ మధ్య మార్పిడి చేయబడిన HTTP హెడర్‌ల శ్రేణి ద్వారా పనిచేస్తుంది. అభ్యర్థించిన వనరును యాక్సెస్ చేయడానికి అనుమతించబడిందా లేదా అని బ్రౌజర్‌కు తెలియజేయడానికి సర్వర్ ఈ హెడర్‌లను ఉపయోగిస్తుంది. ఇందులో కీలకమైన HTTP హెడర్ Access-Control-Allow-Origin.

సన్నివేశం 1: సింపుల్ రిక్వెస్ట్

"సింపుల్ రిక్వెస్ట్" అనేది నిర్దిష్ట ప్రమాణాలకు అనుగుణంగా ఉండే GET, HEAD, లేదా POST అభ్యర్థన (ఉదా., Content-Type హెడర్ application/x-www-form-urlencoded, multipart/form-data, లేదా text/plainలో ఒకటిగా ఉండాలి). ఈ సందర్భంలో, బ్రౌజర్ అభ్యర్థనను నేరుగా సర్వర్‌కు పంపుతుంది, మరియు సర్వర్ Access-Control-Allow-Origin హెడర్‌తో ప్రతిస్పందిస్తుంది.

క్లయింట్ రిక్వెస్ట్ (http://example.com నుండి):

GET /data HTTP/1.1
Host: api.example.net
Origin: http://example.com

సర్వర్ రెస్పాన్స్ (http://api.example.net నుండి):

HTTP/1.1 200 OK
Access-Control-Allow-Origin: http://example.com
Content-Type: application/json

{
  "data": "సర్వర్ నుండి కొంత డేటా"
}

ఈ ఉదాహరణలో, సర్వర్ Access-Control-Allow-Origin: http://example.com తో ప్రతిస్పందిస్తుంది, ఇది http://example.com నుండి వచ్చే అభ్యర్థనలు అనుమతించబడతాయని సూచిస్తుంది. అభ్యర్థనలోని ఆరిజిన్ Access-Control-Allow-Origin హెడర్‌లోని విలువతో సరిపోలకపోతే (లేదా హెడర్ లేకపోతే), బ్రౌజర్ ప్రతిస్పందనను బ్లాక్ చేసి, క్లయింట్-సైడ్ స్క్రిప్ట్‌ను డేటాను యాక్సెస్ చేయకుండా నిరోధిస్తుంది.

సన్నివేశం 2: ప్రీఫ్లైట్ రిక్వెస్ట్ (కాంప్లెక్స్ రిక్వెస్ట్‌ల కోసం)

PUT, DELETE వంటి HTTP పద్ధతులను ఉపయోగించే లేదా కస్టమ్ హెడర్‌లను కలిగి ఉన్న మరింత సంక్లిష్టమైన అభ్యర్థనల కోసం, బ్రౌజర్ HTTP OPTIONS పద్ధతిని ఉపయోగించి "ప్రీఫ్లైట్" అభ్యర్థనను చేస్తుంది. ఈ ప్రీఫ్లైట్ అభ్యర్థన అసలు అభ్యర్థనను పంపే ముందు సర్వర్‌ను అనుమతి కోసం అడుగుతుంది. ఏ పద్ధతులు, హెడర్‌లు, మరియు ఆరిజిన్‌లు అనుమతించబడతాయో పేర్కొనే హెడర్‌లతో సర్వర్ ప్రతిస్పందిస్తుంది.

క్లయింట్ ప్రీఫ్లైట్ రిక్వెస్ట్ (http://example.com నుండి):

OPTIONS /data HTTP/1.1
Host: api.example.net
Origin: http://example.com
Access-Control-Request-Method: PUT
Access-Control-Request-Headers: X-Custom-Header

సర్వర్ రెస్పాన్స్ (http://api.example.net నుండి):

HTTP/1.1 200 OK
Access-Control-Allow-Origin: http://example.com
Access-Control-Allow-Methods: GET, PUT, DELETE
Access-Control-Allow-Headers: X-Custom-Header, Content-Type
Access-Control-Max-Age: 3600

హెడర్‌ల వివరణ:

సర్వర్ యొక్క ప్రీఫ్లైట్ ప్రతిస్పందన అభ్యర్థన అనుమతించబడిందని సూచిస్తే, బ్రౌజర్ అసలు అభ్యర్థనతో ముందుకు సాగుతుంది. లేకపోతే, బ్రౌజర్ అభ్యర్థనను బ్లాక్ చేస్తుంది.

క్లయింట్ అసలు రిక్వెస్ట్ (http://example.com నుండి):

PUT /data HTTP/1.1
Host: api.example.net
Origin: http://example.com
X-Custom-Header: some-value
Content-Type: application/json

{
  "data": "నవీకరించబడవలసిన కొంత డేటా"
}

సర్వర్ రెస్పాన్స్ (http://api.example.net నుండి):

HTTP/1.1 200 OK
Access-Control-Allow-Origin: http://example.com
Content-Type: application/json

{
  "status": "డేటా విజయవంతంగా నవీకరించబడింది"
}

సాధారణ CORS హెడర్‌లు

మీరు అర్థం చేసుకోవలసిన కీలక CORS హెడర్‌ల విచ్ఛిన్నం ఇక్కడ ఉంది:

వివిధ సర్వర్-సైడ్ భాషలలో CORS

CORSను అమలు చేయడం సాధారణంగా మీ సర్వర్-సైడ్ అప్లికేషన్‌ను తగిన CORS హెడర్‌లను పంపేలా కాన్ఫిగర్ చేయడాన్ని కలిగి ఉంటుంది. వివిధ భాషలు మరియు ఫ్రేమ్‌వర్క్‌లలో దీన్ని ఎలా చేయాలో ఇక్కడ ఉదాహరణలు ఉన్నాయి:

Express తో Node.js

మీరు cors మిడిల్‌వేర్ ప్యాకేజీని ఉపయోగించవచ్చు:

const express = require('express');
const cors = require('cors');

const app = express();

// అన్ని ఆరిజిన్‌ల కోసం CORSను ఎనేబుల్ చేయండి (ప్రొడక్షన్‌లో జాగ్రత్తగా ఉపయోగించండి)
app.use(cors());

// ప్రత్యామ్నాయంగా, నిర్దిష్ట ఆరిజిన్‌ల కోసం CORSను కాన్ఫిగర్ చేయండి
// app.use(cors({
//   origin: 'http://example.com'
// }));

app.get('/data', (req, res) => {
  res.json({ message: 'ఇది అన్ని ఆరిజిన్‌ల కోసం CORS-ఎనేబుల్ చేయబడింది!' });
});

app.listen(3000, () => {
  console.log('సర్వర్ పోర్ట్ 3000లో రన్ అవుతోంది');
});

Flask తో పైథాన్

మీరు Flask-CORS ఎక్స్‌టెన్షన్‌ను ఉపయోగించవచ్చు:

from flask import Flask
from flask_cors import CORS

app = Flask(__name__)
CORS(app)

# ప్రత్యామ్నాయంగా, నిర్దిష్ట ఆరిజిన్‌ల కోసం CORSను కాన్ఫిగర్ చేయండి
# CORS(app, resources={r"/api/*": {"origins": "http://example.com"}})

@app.route("/data")
def hello():
    return {"message": "ఇది అన్ని ఆరిజిన్‌ల కోసం CORS-ఎనేబుల్ చేయబడింది!"}

if __name__ == '__main__':
    app.run(debug=True)

స్ప్రింగ్ బూట్ తో జావా

మీరు మీ స్ప్రింగ్ బూట్ అప్లికేషన్‌లో ఉల్లేఖనాలు లేదా కాన్ఫిగరేషన్ తరగతులను ఉపయోగించి CORSను కాన్ఫిగర్ చేయవచ్చు:

ఉల్లేఖనాలను ఉపయోగించి:

import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
@CrossOrigin(origins = "http://example.com") // http://example.com నుండి అభ్యర్థనలను అనుమతించండి
public class DataController {

    @GetMapping("/data")
    public String getData() {
        return "ఇది http://example.com కోసం CORS-ఎనేబుల్ చేయబడింది!";
    }
}

కాన్ఫిగరేషన్ ఉపయోగించి:

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class CorsConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/data")
                .allowedOrigins("http://example.com") // http://example.com నుండి అభ్యర్థనలను అనుమతించండి
                .allowedMethods("GET", "POST", "PUT", "DELETE")
                .allowedHeaders("*");
    }
}

PHP

 "ఇది http://example.com కోసం CORS-ఎనేబుల్ చేయబడింది!");
echo json_encode($data);
?>

CORS మరియు భద్రతా పరిగణనలు

CORS క్రాస్-ఆరిజిన్ అభ్యర్థనలను ఎనేబుల్ చేసినప్పటికీ, దానిని సురక్షితంగా అమలు చేయడం చాలా ముఖ్యం. ఇక్కడ కొన్ని ముఖ్యమైన పరిగణనలు ఉన్నాయి:

CORS సమస్యలను పరిష్కరించడం

CORS సమస్యలను డీబగ్ చేయడం నిరాశ కలిగించవచ్చు. ఇక్కడ కొన్ని సాధారణ సమస్యలు మరియు వాటిని ఎలా పరిష్కరించాలో ఉన్నాయి:

డీబగ్గింగ్ టూల్స్:

అధునాతన CORS దృశ్యాలు

ప్రాథమిక CORS భావనలు సాపేక్షంగా సూటిగా ఉన్నప్పటికీ, పరిగణించవలసిన కొన్ని అధునాతన దృశ్యాలు ఉన్నాయి:

CORS ఉత్తమ పద్ధతులు

సురక్షితమైన మరియు సమర్థవంతమైన CORS అమలును నిర్ధారించడానికి, ఈ ఉత్తమ పద్ధతులను అనుసరించండి:

ముగింపు

CORS అనేది ఒక క్లిష్టమైన భద్రతా యంత్రాంగం, ఇది వెబ్ అప్లికేషన్‌లలో నియంత్రిత క్రాస్-ఆరిజిన్ అభ్యర్థనలను ఎనేబుల్ చేస్తుంది. CORS ఎలా పనిచేస్తుందో మరియు దానిని సరిగ్గా ఎలా కాన్ఫిగర్ చేయాలో అర్థం చేసుకోవడం ప్రతి వెబ్ డెవలపర్‌కు అవసరం. ఈ సమగ్ర గైడ్‌లో వివరించిన మార్గదర్శకాలు మరియు ఉత్తమ పద్ధతులను అనుసరించడం ద్వారా, మీరు విభిన్న ఆరిజిన్‌ల నుండి వనరులతో సజావుగా సంకర్షణ చెందే సురక్షితమైన మరియు ఫంక్షనల్ వెబ్ అప్లికేషన్‌లను రూపొందించవచ్చు.

ఎల్లప్పుడూ భద్రతకు ప్రాధాన్యత ఇవ్వాలని మరియు అధికంగా అనుమతించే CORS కాన్ఫిగరేషన్‌లను ఉపయోగించడాన్ని నివారించాలని గుర్తుంచుకోండి. మీ CORS సెట్టింగ్‌ల యొక్క భద్రతాపరమైన చిక్కులను జాగ్రత్తగా పరిగణించడం ద్వారా, మీరు మీ అప్లికేషన్‌లు మరియు డేటాను అనధికార ప్రాప్యత నుండి రక్షించవచ్చు.

ఈ గైడ్ మీకు CORS ను డీమిస్టిఫై చేయడంలో సహాయపడిందని మేము ఆశిస్తున్నాము. హ్యాపీ కోడింగ్!