Posts

How to ping Azure VM using C# code explained

I was looking for the code which can ping the Azure VM and give me the details whether VM is UP or down since the ICMP protocol is not permitted through the Azure load balancer, you will notice that you are unable to ping an Azure VM from the internet, and from within the Azure VM, you are unable to ping internet locations. To get rid of the issue i digged the internet to get the solution so finally i got the below solution which I have contructed through the function, below function will ping the azure vm machine and returns true if online or false if offline   public static bool PingServerWithSocket(string iporHostname,int portNo)         {             bool result = false;                             try                 {                     var sock = new Socket(AddressFamily.InterNetwork, SocketType.Stream, ProtocolType.Tcp);                     sock.Blocking = true;                                         IPAddress ipaddes = Dns.GetHostEntry(iporHostname).AddressList[0];

Regular expression for validating URL in Javascript

I was looking for a decent regular expression to validate URLs that were entered as user input with. After lots of searching on google i got the perfect solution which satisfy my requirement of my current assignment Following is the regular expression for validating URL (Valid URL Regular Expression) a have used which worked perfectly. ^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$ Following is the pattern results for the same https://www.test.com   -Passed http://www.test.com   -Passed www.test.com   -Passed test.com   -Passed http://blog.test.com    -Passed http://www.test.com/product   -Passed http://www.test.com/products?id=1&page=2   -Passed http://www.test.com#up   -Passed http://255.255.255.255   -Passed 255.255.255.255   -Passed http://invalid.com/perl.cgi?key= | http://web-site.com/cgi-bin/perl.cgi?key1=value1&key2   -Failed http://www.site.com:8008   -Passed Comment if you like it!!

Devexpress Datebox date formatting in angular 6 with example

The Devexpress DateBox in Angular is a widget that displays the date and time in one of DevExtreme predefined formats or a format defined in an external localization library, or a type in the required date/time value. In this article, the i will provide you different date-format which we can set on DateBox to show date and time to user. Following is the code snippet to add Datebox in your Angular form if the you want to capture only date      <dx-date-box [value]="now" displayFormat="EEEE, MMM dd" type="date" > </dx-date-box> Following is the custom formats we can set and depending upon its converted values will be shown. "dd-MM-yyyy" => 28-10-2018 "EEEE, MMM dd" => Sunday, Oct 28 "dd MMM yyyy EEEE" => 28 Oct 2018 Sunday "dd-MM-yyyy EEEE" => 28-10-2018 Sunday alternatively you can change the format as way you want Following is

Angular User Session Timeout example step by step

Image
This functionality let the user know that their session is about to expire and that they would be logged out if they didn’t take action. I have written this functionality in Angular for my latest application.  If you are new to Angular 6 then read my article about Setting up Angular 6 step by step before jump to this article to get handy in Angular 6. Dealing with timers in Angular can be significantly different when using React components and subscriptions. The basic premises remains the same, though. We’ll have a service with a timer that will provide a Subject to which consumers of the service can subscribe. A React Subject provides an easy mechanism to trigger a “next” subscription to alert consumers that the timer has expired.   import { Injectable } from '@angular/core'; import { Observable, Subject, Subscription, BehaviorSubject} from 'rxjs/Rx'; @Injectable() export class IdleTimeoutService { private _count: number = 0;

How to upload a file from Angular 6 to ASP.NET Core 2.1 Web API Application step by step

Image
This post talks about how to upload a file from Angular 6 to ASP.NET Core 2.1 Web API.  First thing first, let’s create an Angular 6 app with Visual Studio 2017. To do that, open Visual Studio 2017  community edition , hit Ctrl+Shift+N and select the ASP.NET Core Web Application (.NET Core) project type from the templates. When you click Ok, you will get the following prompt, Make sure to select “ASP.NET Core 2.1” from the version dropdown and choose Angular. The Visual Studio will create an ASP.NET Core 2.1 based project with Angular 6 configured. This should create an Angular 6 app. You should run the app to make sure that there are no errors. Create Upload API in ASP.NET Core To support uploading on the server, add a Web API controller named UploadController in the Controller folder. This controller has the API to upload the file and store it at a location. Add the controller with the following code. using Microsoft.AspNetCore.

Getting Started Build Angular 6 Web Application step by step

Image
In this article we will be building an Angular 6 application step by step from scratch with sample example. We will be generating our Angular 6 hello world application using angular CLI and then modify it to have a user management project where there will be a login screen for an admin and post login he can perform CRUD operations such as create, read, update and delete user with the sample REST API exposed using HttpClientModule. We will also be using RouterModule to have routing enabled. Also, at the end we will be integrating material designing with our Angular 6 app. Table of Contents     1. Angular 6 Highlights 2. Generating Angular 6 Project 3. Angular 6 Project Structure 4. Angular CLI Useful Commands 5. Angular 6 Routing 6. Spring Boot Implementation 7. Service in Angular 6 Application 8. Creating Components in Angular 6 9. Testing Angular 6 Application 10. Adding Material Design in Angular 6 App Angular 6 Release Highlights Angular v6 is the first release

Creation of the virtual directory failed issue whle opening the older version projects in VS2017[solved]

I attempted to load the new VS2015 project in VS2017, but it immediately failed to load.and i am getting below error popup Creation of the virtual directory http://localhost:32999/ failed with the error: Filename: redirection.config Error: Cannot read configuration file there are two solution for this issue 1) Renaming applicationhost.config :     Close VS2017     Go into folder %userprofile%\Documents\IISExpress\config     Rename applicationhost.config     Restart VS and load the solution/project     VS should have recreated applicationhost.config, and project should load 2) Copy config files to IISExpress directory copy all files from     C:\Program Files\IIS Express\config\templates\PersonalWebServer to     %userprofile%\Documents\IISExpress\config any of above solution will resolve your problem..