Encrypt in JavaScript and Decrypt in C# With AES Algorithm

Now we have completed the JavaScript part (the client side part) and are now moving to the server side.

Step 5

For that we need to add a Class that will decrypted fields that we have encrypted.

For that I have created a class with the name AESEncrytDecry.cs.

It has the following 2 methods:

1. DecryptStringFromBytes
2. EncryptStringToBytes

And DecryptStringAES is custom-created for decrypting the values.

DecryptStringFromBytes Method​​​​​​​

private static string DecryptStringFromBytes(byte[] cipherText, byte[] key, byte[] iv)  
{  
   // Check arguments.  
   if (cipherText == null || cipherText.Length <= 0)  
   {  
      throw new ArgumentNullException("cipherText");  
   }  
   if (key == null || key.Length <= 0)  
   {  
      throw new ArgumentNullException("key");  
   }  
   if (iv == null || iv.Length <= 0)  
   {  
      throw new ArgumentNullException("key");  
   }  
   // Declare the string used to hold  
   // the decrypted text.  
   string plaintext = null;
   // Create an RijndaelManaged object  
   // with the specified key and IV.  
   using (var rijAlg = new RijndaelManaged())  
   {  
      //Settings  
      rijAlg.Mode = CipherMode.CBC;  
      rijAlg.Padding = PaddingMode.PKCS7;  
      rijAlg.FeedbackSize = 128;  
      rijAlg.Key = key;  
      rijAlg.IV = iv;  
      // Create a decrytor to perform the stream transform.  
      var decryptor = rijAlg.CreateDecryptor(rijAlg.Key, rijAlg.IV);  
      try  
      {  
         // Create the streams used for decryption.  
         using (var msDecrypt = new MemoryStream(cipherText))  
         {  
            using (var csDecrypt = new CryptoStream(msDecrypt, decryptor, CryptoStreamMode.Read))
            {
               using (var srDecrypt = new StreamReader(csDecrypt))  
               {  
                  // Read the decrypted bytes from the decrypting stream  
                  // and place them in a string.  
                  plaintext = srDecrypt.ReadToEnd();  
               }  
            }  
         }  
      }  
      catch  
      {  
         plaintext = "keyError";  
      }  
   }  
   return plaintext;  
} 

EncryptStringToBytes Method

private static byte[] EncryptStringToBytes(string plainText, byte[] key, byte[] iv)  
{  
   // Check arguments.  
   if (plainText == null || plainText.Length <= 0)  
   {  
      throw new ArgumentNullException("plainText");  
   }  
   if (key == null || key.Length <= 0)  
   {  
      throw new ArgumentNullException("key");  
   }  
   if (iv == null || iv.Length <= 0)  
   {  
      throw new ArgumentNullException("key");  
   }  
   byte[] encrypted;  
   // Create a RijndaelManaged object  
   // with the specified key and IV.  
   using (var rijAlg = new RijndaelManaged())  
   {  
      rijAlg.Mode = CipherMode.CBC;  
      rijAlg.Padding = PaddingMode.PKCS7;  
      rijAlg.FeedbackSize = 128;  
  
      rijAlg.Key = key;  
      rijAlg.IV = iv;  
  
      // Create a decrytor to perform the stream transform.  
      var encryptor = rijAlg.CreateEncryptor(rijAlg.Key, rijAlg.IV);  
  
      // Create the streams used for encryption.  
      using (var msEncrypt = new MemoryStream())  
      {  
         using (var csEncrypt = new CryptoStream(msEncrypt, encryptor, CryptoStreamMode.Write))  
         {  
            using (var swEncrypt = new StreamWriter(csEncrypt))  
            {  
               //Write all data to the stream.  
               swEncrypt.Write(plainText);  
            }  
            encrypted = msEncrypt.ToArray();  
         }  
      }  
   }  
   // Return the encrypted bytes from the memory stream.  
   return encrypted;  
}

DecryptStringAES Method

public static string DecryptStringAES(string cipherText)  
{  
   var keybytes = Encoding.UTF8.GetBytes("8080808080808080");  
   var iv = Encoding.UTF8.GetBytes("8080808080808080");  
  
   var encrypted = Convert.FromBase64String(cipherText);  
   var decriptedFromJavascript = DecryptStringFromBytes(encrypted, keybytes, iv);  
   return string.Format(decriptedFromJavascript);  
}

Now on the button's OnClientClick="return SubmitsEncry();" submit I will call first JavaScript to encrypt the data.

And then OnClick="btnlogin_Click" I will decrypt data.​​​​​​​

<asp:Button ID="btnlogin" OnClientClick="return SubmitsEncry();" runat="server" Text="Sign In"  
OnClick="btnlogin_Click" /> 

Here on the Button click event I am taking values from hidden fields and then passing them to the class AESEncrytDecry and the method DecryptStringAES where I will get the decrypted value of it .

The value is passed to this method as in the following:

public static string DecryptStringAES(string cipherText)  
{  
   var keybytes = Encoding.UTF8.GetBytes("8080808080808080");  
   var iv = Encoding.UTF8.GetBytes("8080808080808080");  
  
   var encrypted = Convert.FromBase64String(cipherText);  
   var decriptedFromJavascript = DecryptStringFromBytes(encrypted, keybytes, iv);  
   return string.Format(decriptedFromJavascript);  
}

And you will see that the key and Initialization Vector (IV) that we are passing must be similar to what we passed from JavaScript. Then it will only decrypt values else gives an error.

Step 6​​​​​​​

using System;  
using System.Collections.Generic;  
using System.Linq;  
using System.Web;  
using System.Web.UI;  
using System.Web.UI.WebControls;  
  
namespace ClientsideEncryption  
{  
    public partial class login : System.Web.UI.Page  
    {  
        protected void Page_Load(object sender, EventArgs e)  
        {  
  
        }  
        protected void btnlogin_Click(object sender, EventArgs e)  
        {  
            if (Page.IsValid)  
            {  
                if (string.IsNullOrEmpty(HDusername.Value))  
                {  
                    ScriptManager.RegisterStartupScript(this, this.GetType(), "alert", "alert('Enter Username');", true);
                }  
                else if (string.IsNullOrEmpty(HDPassword.Value))  
                {  
                    ScriptManager.RegisterStartupScript(this, this.GetType(), "alert", "alert('Enter Password !');", true);  
                }  
                else  
                {  
                    var username = AESEncrytDecry.DecryptStringAES(HDusername.Value);  
                    var password = AESEncrytDecry.DecryptStringAES(HDPassword.Value);  
                }  
                if (username == "keyError" && password == "keyError")  
                {  
                    ScriptManager.RegisterStartupScript(this, this.GetType(), "alert", "alert('Not vaild login');", true);
                }  
                else  
                {
                    ScriptManager.RegisterStartupScript(this, this.GetType(), "alert", "alert('login successfully');", true);
                }
            }  
        }  
    }  
} 

Now just run the application and check the values.

The page view.

Username encrypted value.

Password encrypted value.

The value of the client side is posted to the server side. The following is the snapshot.

After decryption the value is show as in the following snapshot.

Finally we have some ways to secure client-side fields using the AES algorithm.