Web Api Additional security

Web Api: Used to provide data to third party as JSON format. or Used for Single Page Applications like using front end with (Angular,React,Vujs,..)

Security: we use authorization using  (Basic ,JWT,Token,..)

Additional Security:  We can make more security to our API by providing following .

                                      

                                   1.IP White Listing

                                   2.Number of request for an Action by limit 

                                   3.Add Idempotent Key

                                   4.Restrict Referrer HTTPS->HTTPS

                                   5.OWASP Testing

Syntax Highlighter Using JS(javascript )

Syntax Highlighter Using JS(javascript) 

SyntaxHighlighter was created in 2004 and is still maintained by  AlexGorbatchev

Syntax Highlighter is used for highlighting syntax in Webpages. it has following syntax are  

 ActionScript3

Bash / Shell

ColdFusion , C# , C++ , CSS

Delphi , Diff

Erlang 

Groovy

JavaScript , Java , JavaFx

Perl , PHP , PlainText , PowerShell , Python

Ruby

Scala , SQl

Visual Basic

XML

Step 1:

              

             Download  Following Package (or) use Direct Link in WebPage 

                                       

                                              Click Here To Download

              DirectLink in WebPage 

<script type="text/javascript">
 <link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/> 
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/> 

above link are used for each language syntax highlight javascript ,have to include all link in page or use  required lang script

Next use below script in blog or page 

For Website:

<script type="text/javascript"> 
          SyntaxHighlighter.all();
</script>

  IF using in Blog:

<script type="text/javascript"> 
            SyntaxHighlighter.config.bloggerMode = true;                                     
            SyntaxHighlighter.all();
</script>

for blogger have to set   "SyntaxHighlighter.config.bloggerMode = true;"

Copy a Above Link & javascript ,Paste in Blogger or webpage before </head> 

Step 2:

Use <pre></pre> tag in body any where, to highlight Syntax

Example:

<pre class="brush:js;">
   function Example()
    {
         alert("Welcome to Syntax highter");
   }
</pre>

Output:

function  Example()
{
alert("Welcome to Syntax highter");
}

in above brush : is keyword to paint syntax  then use language keyword like "js" or "csharp" or "css".


<pre> tag is default ,we can customize that by given in javascript 
by giving tagName like "textarea " in javascript

SyntaxHighlighter.config.tagName="texarea";

now textarea is default

<textarea class="brush:js;" >
         use code ;
</textarea>


Like this Few More Configuration is available Click Here to Know more .

If  you have any Query ask.I will help you.