神刀安全网

Create A WhatsApp Messenger Using ASP.NET

Introduction

In this article I will show you how to make a Web WhatsApp messenger in ASP.NET application.

Step 1

Open The Visual Studio and Choose the ASP.NET Web Application and set any name of project I set Web WhatsApp Messenger and then click on OK Button. Then Select the Empty Template and check the Web Forms and click on OK Button.

Create A WhatsApp Messenger Using ASP.NET

Step 2

Now add the HTML Page and give the name index.html then left click on index.html file and set the SET START AS PAGE,

Create A WhatsApp Messenger Using ASP.NET

After this click on index.html file and design the form.

Create A WhatsApp Messenger Using ASP.NET

Code

<!DOCTYPE html>   <html xmlns="http://www.w3.org/1999/xhtml">   <head>       <title>WhatsApp</title>   </head>   <body>       <table>           <tr>               <td>                   User name:               </td>               <td>                   <input type="text" id="txtPhoneNumber" style="width:400px;"/>               </td>           </tr>           <tr>               <td>                   Password:               </td>               <td>                   <input type="password" id="txtPassword" style="width:400px;" />               </td>           </tr>           <tr>               <td></td>               <td>                   <input type="button" id="btnLogin" value="Login"/>               </td>           </tr>       </table>       <table>           <tr>               <td>                   To:               </td>               <td>                   <input  type="text" id="txtTo" style="width:400px;"/>               </td>               </tr>           <tr>               <td>                   Message:                   </td>               <td>                   <textarea id="txtMessage" style="width:400px; height:70px;"></textarea>               </td>           </tr>           <tr>               <td></td>               <td>                    <input type="button" id="btnSend" value="Send"/>               </td>           </tr>       </table>       <ul id="status"></ul>   </body>   </html>   

Step 3

Left click on project and click on Manage NuGet Packages and install the SIGNALR and click on Accept button after installation the readme.txt file is shown copy the content onto it.

Create A WhatsApp Messenger Using ASP.NET

Then Simply add a class and set name as Startup.cs and add this code in it,

Create A WhatsApp Messenger Using ASP.NET

Now move to the index.html file and after creating a design add the following code in it at the bottom after table tag,

<ul id="status"></ul>       <script src="Scripts/jquery-1.6.4.min.js"></script>       <script src="Scripts/jquery.signalR-2.2.0.min" ></script>              <script type="text/javascript">           $(function()           {               var chat = $.connection.chatHub;               chat.client.notifyMessage = function (message) {                   var endcodeMessage = $('<div />').text(message).html();                   $('#status').append('<li>' + message + '</li>');               };                  $.connection.hub.start().done(function () {                   $('#btnLogin').click(function ()                   {                       var phoneNumber = document.getElementById('txtPhoneNumber').value;                       var password = document.getElementById('txtPassword').value;                       chat.server.login(phoneNumber, password);                   });                   $('#btnSend').click(function ()                   {                       var to = document.getElementById('txtTo').value;                       var message = document.getElementById('txtMessage').value;                       chat.server.send(to, message);                      });                     });           }           )                </script>   

Step 4

You need the WhatsApp Official Api which is available on the internet; if you can’t find it or face any problem I am providing you a WhatsApp Api you can use.  Now left click on reference and press add button now press browse button and give the WhatsApp Api location then press OK button now the WhatsApp Api is included in your project which appears in the left side; in your solution add WhatsApp Api.

Create A WhatsApp Messenger Using ASP.NET

The API has two versions for operating system. Now go to the project property and set platform target. After this add a new class in your project name as ChatHub.cs

Create A WhatsApp Messenger Using ASP.NET

Step 5

Create a new ChatHub class and extend with Hub class and import the threading and WhatsAppApi namespace and paste the code and your WhatsApp Messenger is ready.

using Microsoft.AspNet.SignalR;   using System;   using System.Collections.Generic;   using System.Linq;   using System.Web;   using System.Threading;   using WhatsAppApi;      namespace Web_WhatsApp_Messenger   {       public class ChatHub : Hub       {           static WhatsApp wa;              public void Send(string to, string message)           {               if(wa.ConnectionStatus== ApiBase.CONNECTION_STATUS.LOGGEDIN)               {                   wa.SendMessage(to, message);                   Clients.All.notifyMessage(string.Format("{0}: {1}", to, message));               }           }              public void Login(string phoneNumber,string password)           {               Thread thhread=new Thread(t =>                   {                     wa=new WhatsApp(phoneNumber,password,phoneNumber,true);                     wa.OnConnectSuccess+=() =>                   {                     Clients.All.notifyMessage("Connected......");                       wa.OnLoginSuccess+=(phone,data)=>                           {                               Clients.All.notifyMessage("Login Success !");                           };                       wa.OnLoginFailed +=(data) =>                           {                               Clients.All.notifyMessage(string.Format("Login failed: {0}", data));                           };                       wa.Login();                   };                       wa.OnConnectFailed += (ex) =>                           {                               Clients.All.notifyMessage(string.Format("Connected failed: {0}", ex.StackTrace));                           };                       wa.Connect();                   })               { IsBackground=true};               thhread.Start();           }                  }   }   

Now open the http://www.watools.es and paste your number with the country where you receive messages to your mobile; now paste the code on it and password is generated, now run WhatsApp Messenger, give the Number and password, and now you can send the message to your friend.

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » Create A WhatsApp Messenger Using ASP.NET

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址