CyberSiARA™

Frontend Integration Guideline

Javascript Integration Guideline

1. Get your public & private key from mycybersiara.com

2. Copy the code in <head > tag.

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://embedcdn.mycybersiara.com/CaptchaFormate/CaptchaResources.js"></script>

3. Put the below code where you want to load the captcha plugin in <body > tag.Replace 'YOUR-PUBLIC-KEY-HERE'; with your public key.

<div class="SiaraShield"></div>
<script type="text/javascript">
$(function () {
   var PublicKey='YOUR-PUBLIC-KEY-HERE';
   InitCaptcha(PublicKey);
   $('.CaptchaSubmit').click(function (){
     if(CheckCaptcha()){
      console.log(CyberSiaraToken);
       // Please write your submit button click event function here //
     }
   });
});
</script>

4. Add ‘CaptchaSubmit’ class in your submit button

<button class="CaptchaSubmit"></button>

5. Once all these steps are done, go to your browser and refresh the page and enjoy the SiaraShield. Thank you for using SiaraShield!

Frontend Integration Guideline

WordPress Integration Guideline

1. Download plugging from WordPress or go to WordPress admin panel of your project and search for SiaraShield.

2. Click install now, and activate your plugging

3. Click on SiaraShield plugging

4. Once you clicked on SiaraShield plugging you need to add Public and Private key, You will get Public and Private key from mycybersiara.com

5. Add your Public & Private key then click Save Changes button.

6. Once you entered your Public and Private then go to your contact form or any other form you want to install SiaraShield on.

7. Edit your contact form and add [siarashield]where you want to display SiaraShield plugin within your page.

<P>Message<P>
<P>[siarashield]<P>
<noscript style="text-align: initial;"><span class="jsDesable"></span></noscript>
<P>submit class:btn2 class:CaptchaSubmit "Submit"<P>

8. Please add class="CaptchaSubmit" inside your submit button and click on Save button.

submit class:btn2 class:CaptchaSubmit "Submit"

9. Once all the above steps are done, go to your browser and refresh the page.

Download Plugin

Nuxt.js Integration Guideline

1. Get your public & private key from mycybersiara.com

2. Import Js and css file in mounted() function

    <script>
           export default {
                    name:'AppContactForm',
                    components:{...},
                    mounted() {
                           //JS
                    let SiaraShield = document.createElement('script')
                    SiaraShield.setAttribute('src',
         'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js')
                    SiaraShieldScript.setAttribute('src',
         'https://embedcdn.mycybersiara.com/CaptchaFormate/CaptchaResources.js')
                            document.head.appendChild(SiaraShieldScript)

                           //CSS
                    let style = document.createElement('link');
                    style.type = "text/css";
                    style.rel = "stylesheet";
                    style.href = 
         
                    document.head.appendChild(style);
                    }
                    ...
                }
                                
        </script>

3. Add where you want to display SiaraShield plugin within your page.

<div class="SiaraShield"></div>

4. Add ‘CaptchaSubmit’ class in your submit button.

<input class="CaptchaSubmit" id="submit-form" type="submit".value="...">

5. Once all these steps are done, go to your browser and refresh the page and enjoy the SiaraShield. Thank you for using SiaraShield!

Backend Integration Guideline

1. Create method for initialized captcha on load.

        <script>
            export default{
                    name:'PageName',
                    components:{...},
                    mounted() {this.mycybersiara()},
                    methods(){
                            mycybersiara(){
                            var PublicKey = 'TEST-CYBERSIARA';
                         InitCaptcha('PublicKey');
                         $('.CaptchaSubmit').click(function (){
                    if(CheckCaptcha()){
                axios.get('https://embed.mycybersiara.com/api/validate-token',{
                    headers:{ key: 'TEST-CYBERSIARA', Authorization: `Bearer ${CyberSiaraToken}' }
                             }).then((res) =>{
                    // Please write your submit button click event function here //
                            })
                    }
                            });
                        }
                    }...
                }
                                
        </script>

Frontend Integration Guideline

Angular Integration Guideline

1. Get your public & private key from mycybersiara.com

2. Copy the code in <head > tag.

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script  src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://embedcdn.mycybersiara.com/CaptchaFormate/CaptchaResources.js"></script>

3. Put the below code where you want to load the captcha plugin in <body > tag.Replace 'YOUR-PUBLIC-KEY-HERE'; with your public key.

<div class="SiaraShield"></div>
<script type="text/javascript">
$(function () {
   var PublicKey='YOUR-PUBLIC-KEY-HERE';
   initCaptcha(PublicKey);
   $('.CaptchaSubmit').click(function (){
     if(CheckCaptcha()){
      console.log(CyberSiaraToken);
       // Please write your submit button click event function here //
     }
   });
});
</script>

4. Add ‘CaptchaSubmit’ class in your submit button

<button class="CaptchaSubmit"></button>

5. Once all these steps are done, go to your browser and refresh the page and enjoy the SiaraShield. Thank you for using SiaraShield!

Backend Integration Guideline

Laravel Integration Guideline

1. Go to Resources >Views folder where your site is hosted in your server.

2. Open .php in which you are processing the input where you have added cybersiara captcha.

3. Download the SiaraShieldToeknValidationHelper.php file from here

4. Go to App>Http>Controllers and open the Controller where you are processing your form.

5. Add use App\Helpers\SiaraShieldToeknValidationHelper; In that file at top.

use App\Helpers\SiaraShieldToeknValidationHelper;

6. Get your public & private key from mycybersiara.com

7. Copy the code below before processing the request. Add your private key in “YOUR-PRIVATE-KEY”

if$request ->input('CyberSiaraToken')!=null||$request->input->('CyberSiaraToken')!!=''){
 $result=SiaraShieldToeknValidationHelper::ValidateToken'TEST-CYBERSIARA',$request->input('CyberSiaraToken'));
  if($result=='true')
  {
   //Your submit button code here //
  }
 }
 else{
 $result=SiaraShieldToeknValidationHelper::ValidateToken('TEST-CYBERSIARA','invalidtoken');
}

8. Once all these steps are done, go to your browser and refresh the page and enjoy the SiaraShield. Thank you for using SiaraShield!

Backend Integration Guideline

PHP Integration Guideline

1. Go to public_html folder where your site is hosted in your server.

2. Open .php file in which you are processing the input where you have added cybersiara captcha.

3. Download the SiaraShield.php file from here

4. Add require('SiaraShield.php'); In that file at top.

 require('SiaraShield.php');

5. Get your public & private key from mycybersiara.com

6. Copy the code below before processing the request. Add your private key in “YOUR-PRIVATE-KEY”

if(isset($_POST["CyberSiaraToken"]&& $_POST["CyberSiaraToken"]))
{
   if (ValidateToken('YOUR-PRIVATE-KEY-HERE',$_POST["CyberSiaraToken"]))
  {
   //Your submit button code here //
  }
}

7. Once all these steps are done, go to your browser and refresh the page and enjoy the SiaraShield. Thank you for using SiaraShield!

Backend Integration Guideline

.Net Integration Guideline

1. Download the CyberSiara.dll file from here and Extract the zip.
2. Right click project and select Manage Nuget Packages.

3. Open new window Manage Nuget Package select Browse Tab And Search "CyberSiARA" and Install

4. Get your Public and Private key from mycybersiara.com

5. Add namespace using CyberSiARA;

6. Copy the code below before processing the request. Add your Private Key in “YOUR-PRIVATE-KEY”.

var token = Request.Form["CyberSiaraToken"];
var result = false;
Task.Run(async () =>
{
   result= await new CyberSiaraValidator().ValidateTokenAsync("YOUR-PRIVATE-KEY", token); 
   if (result)
   {
    //Place the submit button code here
   }
});.ConfigureAwait(true);

7. Once all these steps are done, go to your browser and refresh the page and your SiaraShield™ plugin should now appear on your web page.

Download File

Backend Integration Guideline

Java Integration Guideline

1. Download the CyberSiara.jar file from here and Download.
2. Right click project and select Manage your referance to jar file.

3. Get your Public and Private key from mycybersiara.com

4. Add namespace CyberSiARA;

5. Copy the code below before processing the request. Add your Private Key in “YOUR-PRIVATE-KEY”.

var token = Request.Form["CyberSiaraToken"];
var result = false;
Task.Run(async () =>
{
   result= await new CyberSiaraValidator().ValidateTokenAsync("YOUR-PRIVATE-KEY", token); 
   if (result)
   {
    //Place the submit button code here
   }
});.ConfigureAwait(true);

6. Once all these steps are done, go to your browser and refresh the page and your SiaraShield™ plugin should now appear on your web page.

Download File

CyberSiARA™ | Nuxt.js

Home

Get Started

Integration

User Portal

Support

Frontend Integration Guideline

Frontend Integration Guideline

Backend Integration Guideline

Frontend Integration Guideline

Backend Integration Guideline

Backend Integration Guideline

Backend Integration Guideline

Backend Integration Guideline