01. CORS policy (Origin Resource Sharing) - Introduction

-

 


CORS 

CORS – Cross Origin Resource Sharing. 

Web page එකක් බොහෝ අවස්ථාවලදී server වලින් data request කර ඒ ලබා ගන්නා data process කිරීම මගින් user ට අවශ්‍ය පරදී පෙන්වීම හෝ වෙනත් අවශ්‍ය operation කරනු ලබයි. එහිදී page එක එසේ නැත්තම් browser එක data request කරන්නේ same origin එකේ server එකකින් නම් ඒක  browser එක පැත්තෙන් ටිකක් safe වෙනවා.මොකද same origin නිසා. නමුත් data request කරන්නේ වෙනත් origin එකකින් නම් ඒ වගේ අවස්ථාවලදී browser එකට එන security පැත්තේ risk එක වැඩි. මොකද malicious code wage ඒවා download වෙලා ප්‍රශ්න ඇති වෙන්න පුලුවන්. ඒක හරියට අපි අපේ ගෙදරින්ම දෙයක් ඉල්ලද්දී වැඩිය බය වෙන්න ඕනේ නෑ සහ අපි අපේ ගෙදර ඉදන් වෙනම ගෙදරකින් මොනා හරි ඉල්ලද්දී පරිස්සම් වෙන්න ඕනේ මොකද ඒවා එන්නේ වෙනම තැනකින් නිසා.මෙන්න මේ හේතු නිසා browse එකක් default ම same origin allow කරනු ලබන අතර different origin වලින් නම් data ගන්නේ එවිට වෙනම checking part එකක් කරලා තමා data access කරන්න දෙන්නේ. 

මොකද්ද මේ origin එකක් කියන්නේ.

එයට ප්‍රධාන කොටස් 3 ක් තිබේ. එනම් web address එකක තියන protocol, host, port යන කොටස් 3 යි.same origin වීමට මෙම කොටස් 3 ම සමාන විය යුතුය. 

Ex: Client data request කරන්නේ https://www.abc.com යන domain එකේ සිට නම්, 

Protocol – https | host – www.abc.om | port 

https://www.abc.com/get-student => Allowed. Because origin is same (protocol + host + port) 

http://www.abc.com/get-student => Not allowed. Because protocol is different (https and http) 

https://www.a.abc.com/get-student => Not allowed. Because origin is different (Although sub domain, [protocol + host + port] combination is different).

 Data ගන්න යන්නේ වෙනම origin එකකින් නම් browser එක server එකට actual data fetch කරගන්න call එකට කලින් preflight call හෙවත් optional call එක කියලා call එකක් යවනු ලබන අතර එහිදී server එක allow කරන origin වල විස්තර ටික එවනු ලැබයි(CORS enabled නම් පමණයි server එකෙන් response එකක් එවන්නේ). ඊට පස්සේ browser එක data fetch කරගන්න request එක preflight request එකෙන් ආපු response එකත් එක්ක බලලා එකෙන් pass වෙනවනම් server එක hit කරලා data ගනු ලබයි. නමුත් preflight request එකෙන් ආපු response එකත් එක්ක බලලා එකෙන් fail නම් CORS fail error එක browser එකෙන් දෙනු ලබයි.CORS fail එක දෙන ආකාර දෙකක් දැකිය හැක.එනම්, 

Server එක CORS enabled නම් response එකක් දෙනවා preflight request එකට. ඊට පස්සේ data ගන්න actual call එක, ඒ response එකත් එක්ක compare කරලා fail or pass කරනවා. 

එසේ නැත්තම් server එක CORS enabled කරලා නැත්තන් preflight request එකට response එකක් දෙන්නේ නෑ.එවිට ඒ origin එකට browser එකෙන් යන request block කරනු ලබයි(CORS කරනු ලබයි) 

Sending preflight request . If server is CORS enabled, server replies back with I am allowing these origins, these headers and these methods. If server is not CORS enabled, then server not responds to preflight (Optional call) request. Then browser says CORS fail error. 

CORS fail - You are not allowed CORS at all or You are allowed CORS at all and send from different domain or different method or allow 2 headers you are trying to send 3 headers.

 

CORS validation happen in 3 different ways.

1.     Coming from real origin which we allowed.

2.     Whether you are carrying allowed headers (Authorization header + content type header).

3.     Method - GET, POST, PUT.

 

I am coming from this origin, I am carrying this much of messages and can I fly - Preflight request.

CORS only experience in browser. එම නිසා user ට අවශ්‍ය නම් browser එකෙන් CORS validation කරන එක disable කරිමටද හැක (Browser interceptors to bypass this)








Comments

Post a Comment

Popular posts from this blog

02. Spring – Creating spring project clone it with GIT step by step.

-
Image
  Creating spring project clone it with GIT step by step. 01. Create an empty GIT repository and select a repository name. 02.   Check to add README.md and technology to add it inside the gitignire file0- it will include all the generated class when we complete the application. 03.      Copy the github repository URL. 04 . Open eclipse and go to,             Window – Show View – Other - Type git on the folder and select git repositories. 05.   Now clone this repository at your desired location in which we are going to keep the project specific file . a)         a)  Step One.             b)  Step  Two .          c)    Step Three. Both projects are generated as bellows           d) Step Four  Open the gitingnore file and ignore the target folder of the project. All the class files which are generate with compile the code are store in target folder. Class file can be generated. Because of that we don’t commit that folder to git.           e) Step Five Open window – preference – filter fo
Read more

02.What is MicroService?

-
Image
What is MicroService? MicroService යනු තනි application එකක් (Monolithic Application එකක්), එකිනෙක communicate කරගන පුළුවන් වෙන වෙනම deploy වන කුඩා කුඩා independent services වලට කැඩීමයි. Simply it is new way to develop application rather than traditional monolithic application. Companies which are using microservice.   Features of MicroService Architecture Small focused – main aim of microservice is simplicity.it can be rewrite in maintained without extra effort. Loosely coupled – development as well as deployment is quick. Language Neutral – few services can be Java, few is c# few can be python.it can be use depend on the service. Bounded Context – each microservice does not need to understand the implementation of the other microservice.
Read more

06.Mongo DB - Query part 2 (Aggregation)

-
Image
    Project can be download from         https://github.com/LahiruPriyankara/SpringBootAppTwo-MongoDB MongoDB Aggregation This groups values from multiple documents together and can perform variety of operations on that grouped data.it is going to return single result after the aggregation. Stages In Aggregation: Those operation are used in group of documents ( Used inside aggregation stages).  Unary Operation -  Unary operator perform operation for each documents. Type - Given the type of the filed. In the SQL we query select count and in the bracket Astrix this count for aggregation. It return the number of rows. This is same in mongoDB. db . employee . aggregate ([ { $group : { _id : "$gender" , genderCount : { $sum : 1 } } } ]) // $sum: 1 :1 - true db . employee . aggregate ([ { $group : { _id : "$gender" , maxAge : { $max : "$age" } } } ]) Bellow example is from  https://docs.mongodb.com/manual/aggregation/ Single Purpose Aggregation
Read more