क्लाइंट-साइड डेटा एन्क्रिप्शन / वेब-आधारित सिस्टम में डिक्रिप्शन

आजकल, अधिक से अधिक कार्यक्रमों को तथाकथित "वेब-उन्मुख" रूप में अनुवादित किया जा रहा है, अर्थात, क्लाइंट-सर्वर सिद्धांत का उपयोग किया जाता है, जो आपको दूरस्थ रूप से डेटा को स्टोर करने और एक पतले क्लाइंट (ब्राउज़र) के माध्यम से एक्सेस करने की अनुमति देता है।
उपयोग में आसानी के साथ, इस डेटा की सुरक्षा पर सवाल तेज हो गया है। गोपनीय जानकारी कई तरीकों से अन्य लोगों के लिए उपलब्ध हो सकती है। सबसे पहले, शारीरिक उपायों को उपयोगकर्ता को चुभन के लिए लागू किया जा सकता है। दूसरे, संचरण के दौरान, डेटा को विभिन्न स्निफर्स द्वारा इंटरसेप्ट किया जा सकता है। और तीसरा, हैकर के हमलों को सर्वर पर किया जा सकता है, जो हमलावरों को जानकारी चुराने की अनुमति देगा, या एक बेईमान सर्वर व्यवस्थापक इसे निजी उद्देश्यों के लिए उपयोग करेगा।

कार्य

कुछ समय पहले, मुझे वेब-आधारित प्रणालियों में एक प्रोटोटाइप क्लाइंट-साइड डेटा एन्क्रिप्शन / डिक्रिप्शन प्रोग्राम विकसित करने का काम मिला था।

यही है, एक प्रोग्राम विकसित करना आवश्यक था जो न केवल सर्वर पर डेटा को स्टोर करने की अनुमति देगा, बल्कि वेब इंटरफ़ेस के माध्यम से उनके साथ काम करने की क्षमता भी प्रदान करेगा और साथ ही चोरी के मामले में हमलावरों के लिए उनकी बेकारता सुनिश्चित करेगा, जो कि ग्राहक पक्ष पर एन्क्रिप्शन / डिक्रिप्शन विशेष रूप से प्राप्त होता है।
एक विशिष्ट उपयोग के मामले में, आप तीन डेटा प्रकारों के साथ काम कर सकते हैं:

• सादे पाठ को फार्म इनपुट फ़ील्ड में दर्ज किया गया और डेटाबेस में एन्क्रिप्टेड रूप में सर्वर पर संग्रहीत किया गया
• फ़ाइलें जो एन्क्रिप्टेड रूप में सर्वर पर संग्रहीत हैं, और यदि आवश्यक हो, तो उपयोगकर्ता उन्हें डाउनलोड कर सकता है
• सर्वर पर एन्क्रिप्टेड फ़ाइलों के रूप में संग्रहीत चित्र, लेकिन यदि आवश्यक हो, तो उन्हें क्लाइंट साइड पर डिक्रिप्ट किया जाता है और वेब पेज में साधारण चित्रों के रूप में डाला जाता है।

कार्यान्वयन

तथ्य यह है कि डेटा प्रोसेसिंग को विशेष रूप से क्लाइंट साइड पर किया जाना चाहिए, कार्यान्वयन के लिए साधनों की पसंद को सीमित करता है। विकास के प्रारंभिक चरण में, जावा-एप्लेट-जावा-सर्वलेट बंडल का परीक्षण किया गया था, लेकिन कुछ समय बाद मुझे एक और रास्ता तलाशना पड़ा, क्योंकि एप्लेट और सर्वलेट के बीच डेटा को डिबग करने और स्थानांतरित करने में कठिनाइयां थीं।
मैं विशेष रूप से HTML5 और जावास्क्रिप्ट ऑब्जेक्ट "XmlHttpRequest Level 2" की क्षमताओं का उपयोग करने पर बस गया, क्योंकि उन्होंने हमें कम प्रयास के साथ आवश्यक कार्यक्षमता को लागू करने की अनुमति दी थी।

पाठ के साथ काम करें

एन्क्रिप्शन एल्गोरिथ्म:

• वेब पेज पर फॉर्म फील्ड में टेक्स्ट डालें
• जावा स्क्रिप्ट फ़ंक्शंस का उपयोग करके एन्क्रिप्टेड टेक्स्ट
• एन्क्रिप्टेड पाठ को सर्वर पर भेजें, जहां हम इसे डेटाबेस में सहेजते हैं।

रिवर्स प्रक्रिया:

• हम सर्वर से डेटाबेस से एन्क्रिप्टेड डेटा प्राप्त करते हैं
• जावा स्क्रिप्ट फ़ंक्शन का उपयोग करके उन्हें डिक्रिप्ट करें
• वेब पेज पर वांछित स्थान पर डिक्रिप्ट किए गए पाठ को आउटपुट करें।

फाइलों के साथ काम करें

फ़ाइलों को एन्क्रिप्ट / डिक्रिप्ट करने की प्रक्रिया कुछ अलग तरीके से होती है।
एन्क्रिप्शन एल्गोरिथ्म:

• उपयोगकर्ता के कंप्यूटर से एक फ़ाइल चुनें
• हमें XmlHttpRequest Level 2 और HTML 5 क्षमताओं का उपयोग करके फ़ाइल की सामग्री को जावा स्क्रिप्ट ऑब्जेक्ट में मिलता है
• जावा स्क्रिप्ट फ़ंक्शन का उपयोग करके इसे एन्क्रिप्ट करें
• हम एन्क्रिप्टेड डेटा को सर्वर पर भेजते हैं, जहां हम इसे एक फ़ाइल के रूप में सहेजते हैं।

रिवर्स प्रक्रिया:

• सर्वर से एन्क्रिप्टेड फ़ाइल की सामग्री प्राप्त करें
• XmlHttpRequest Level 2 और HTML 5 सुविधाओं का उपयोग करके इसे जावा स्क्रिप्ट ऑब्जेक्ट पर लिखें
• जावा स्क्रिप्ट फ़ंक्शन का उपयोग करके डिक्रिप्ट करना
• हम सहेजे गए फ़ाइल के लिए पथ और नाम निर्दिष्ट करने के लिए उपयोगकर्ता को सक्षम करने के लिए जावा एप्लेट को डिक्रिप्ट किए गए डेटा को स्थानांतरित करते हैं, क्योंकि ब्राउज़रों में प्रौद्योगिकी के विकास के समय पर उपयोगकर्ता के कंप्यूटर पर एक नियमित रूप से फ़ाइल को बचाने के लिए डायलॉग को कॉल करना असंभव है, केवल एक सीमित "सैंडबॉक्स" के लिए यह हमें शोभा नहीं देता। यदि किसी कारण से जावा एप्लेट का उपयोग उपयुक्त नहीं है, तो इस हिस्से को इसी तरह की कार्यक्षमता के साथ फ्लैश से बदला जा सकता है।

छवियों के साथ काम करें

एन्क्रिप्शन एल्गोरिथ्म:

• उपयोगकर्ता के कंप्यूटर से छवि के साथ फ़ाइल का चयन करें
• XmlHttpRequest Level 2 और HTML 5 क्षमताओं का उपयोग करके जावा स्क्रिप्ट ऑब्जेक्ट पर अपनी सामग्री लिखें
• Base64 प्रारूप में एन्कोड किया गया
• जावा स्क्रिप्ट फ़ंक्शंस का उपयोग करके एन्क्रिप्ट किया गया
• हम एन्क्रिप्टेड डेटा को सर्वर पर भेजते हैं, जहां हम इसे एक फ़ाइल में सहेजते हैं।

रिवर्स प्रक्रिया:

• सर्वर से एन्क्रिप्ट की गई छवि की सामग्री प्राप्त करें
• XmlHttpRequest Level 2 और HTML 5 सुविधाओं का उपयोग करके इसे जावा स्क्रिप्ट ऑब्जेक्ट पर लिखें
• जावा स्क्रिप्ट फ़ंक्शन का उपयोग करके डीक्रिप्ट की गई। इस स्तर पर, हमें बेस 64 प्रारूप में एनकोडेड एक छवि मिलती है
• एक वेब पेज पर टैग में सामग्री पेस्ट करें (बेस 64 प्रारूप में छवियां डालने वाले डिफ़ॉल्ट समर्थन द्वारा ब्राउज़र)।

फ़ाइलों के साथ काम करने के लिए कुछ मुख्य स्रोत कोड:

<script type="text/javascript"> /** *        * XMLHttpRequest level 2 */ function upload(blobOrFile) { var xhr = new XMLHttpRequest(); //    POST,  URL  true=  xhr.open('POST', '/File/UploadFile/', true); //   -   xhr.responseType = "arraybuffer"; //    xhr.setRequestHeader("Content-type", "multipart/form-data"); xhr.onload = function(e) { // ... }; xhr.send(blobOrFile); //   } //      document.querySelector('input[type="file"]').addEventListener('change', function(e) { var file = this.files[0]; //      var reader = new FileReader(); reader.onloadend = function(e) { var result = this.result; //    var arr = new Int8Array(result); var i; //   var newResult = new ArrayBuffer(arr.byteLength); var newRes = new Int8Array(newResult); var keyForEncrypt = $('#keyForEncrypt').val(); for(i = 0; i < arr.byteLength; i++) { //    newRes[i] = arr[i] + parseInt(keyForEncrypt, 10); } //   upload(newRes.buffer); }; //      //   Chrome 11.0.696.68,    FireFox 4.0.1 reader.readAsArrayBuffer(file); }, false); /*** *         , *        Java  *      */ function download() { var xhr = new XMLHttpRequest(); xhr.open('POST', '/File/DownloadFile/', false); xhr.responseType = 'arraybuffer'; xhr.onload = function(e) { var arr = new Int8Array(this.response); // this.response == arr.buffer //     upload(arr.buffer); var result = new Array(arr.byteLength); var keyForDecrypt = $('#keyForDecrypt').val(); for(var i = 0; i < arr.byteLength; i++) { result[i] = arr[i] - parseInt(keyForDecrypt, 10); } saveFileByApplet(result); }; xhr.send(); } function saveFileByApplet(data) { //     var cryptApplet = document.CryptApplet; cryptApplet.saveFile(data); } $(document).ready(function() { $('#saveFileButton').click(function() { download(); }); }); </script> 

छवियों के साथ काम करने के लिए स्रोत कोड:

 <script type="text/javascript"> var selectedFile = null; //     document.querySelector('input[type="file"]').addEventListener('change', function(e) { selectedFile = this.files[0];//      }, false); $(document).ready(function() { $('#uploadPictureButton').click(function() { //    -  if(selectedFile != null) { var reader = new FileReader(); reader.onload = function(e) { //    var result = this.result; //   Base64 var base64Result = Base64.encode(result); //   XOR   var keyForEncrypt = $('#keyForEncrypt').val(); var encryptedData = XOREncrypt(base64Result, keyForEncrypt); //   uploadPicture(encryptedData); }; //      reader.readAsBinaryString(selectedFile); } }); $('#downloadPictureButton').click(function() { downloadPicture(); }); }); /** *         5   */ function buildExtension() { if(selectedFile != null) { var ext = ""; var fullName = selectedFile.name; for(var i = fullName.length - 1; i >= 0; i--) { if(fullName[i] == '.') break; else ext += fullName[i]; } ext = ext.split('').reverse().join(''); if(ext.length < 5) { for(var i = 0; i <= 5-ext.length; i++) { ext += " "; } } return ext; } } /** *        * XMLHttpRequest level 2 */ function uploadPicture(picture) { var xhr = new XMLHttpRequest(); //    POST,  URL  true=  xhr.open('POST', '/Picture/UploadPicture/', true); xhr.onload = function(e) { // ... }; var sentData = "jpg " + picture; //   xhr.send(sentData); } /*** *      ,  XOR,  , *        SRC  IMG */ function downloadPicture() { var xhr = new XMLHttpRequest(); xhr.open('POST', '/Picture/DownloadPicture/', true); xhr.onload = function(e) { //  -  Base64,  XOR var result = this.response; //  5  -  var ext = rtrim(result.substr(0, 5)); //   Base64 var base64Data = result.substr(5); var keyForDecrypt = $('#keyForDecrypt').val(); var decryptedData = XORDecrypt(base64Data, keyForDecrypt); //  MIME      var mime = ""; switch (ext) { case "jpeg" : case "jpg" : case "jpe" : mime = "image/jpeg"; break; case "gif" : mime = "image/gif"; break; case "png" : mime = "image/png"; break; default: mime = "image/jpeg"; break; } $('#pict').attr('src', "data:" + mime + ";base64," + decryptedData); }; xhr.send(); } /** *  PHP- rtrim -    */ function rtrim ( str, charlist ) { charlist = !charlist ? ' \\s\u00A0' : (charlist + '').replace(/([\[\]\(\)\.\?\/\*\{\}\+\$\^\:])/g, '\\$1'); var re = new RegExp('[' + charlist + ']+$', 'g'); return (str + '').replace(re, ''); } </script> 

मैंने यहाँ XOREncrypt, XORDecrypt और Base64 क्लास फ़ंक्शंस के कार्यान्वयन का हवाला नहीं दिया, ताकि पहले से ही लंबी लिस्टिंग को अव्यवस्थित न किया जा सके। आप उन्हें संलग्न स्रोत कोड संग्रह में देख सकते हैं।

फ़ाइल को डायलॉग प्रदर्शित करने के लिए जावा एप्लेट कोड।

 package ExtPackage; import java.applet.*; import java.io.*; import java.io.FileOutputStream; import javax.swing.JFileChooser; import javax.swing.*; public class CryptApplet extends Applet{ public void saveFile(byte[] data) throws FileNotFoundException, IOException { //     final JFileChooser fc = new JFileChooser(); fc.showSaveDialog(CryptApplet.this); //    ,   File file = fc.getSelectedFile(); OutputStream out = new FileOutputStream(file); //      out.write(data); out.flush(); out.close(); } } 

सारांश

मुझे उम्मीद है कि मेरे द्वारा प्राप्त किए गए परिणाम उन लोगों के लिए थोड़ा समय बचाएंगे, जो वेब-आधारित सिस्टम में क्लाइंट साइड पर डेटा एन्क्रिप्ट / डिक्रिप्ट करने के कार्य से सामना कर रहे हैं। स्रोत कोड संलग्न संग्रह में है।