當(dāng)前位置：首頁(yè) > 云主機(jī)問(wèn)題 > AWS Lambda實(shí)例簡(jiǎn)單介紹

美國(guó)服務(wù)器優(yōu)惠信息

AWS Lambda實(shí)例簡(jiǎn)單介紹

作者：IDCBEST來(lái)源：天下數(shù)據(jù)2023/8/25 瀏覽次數(shù)：2292

TikTok方案高防CDN套餐香港服務(wù)器租用美國(guó)服務(wù)器租用海外服務(wù)器租用 SSL證書(shū) 云主機(jī) 云代理

到目前為止，我們已經(jīng)看到了 AWS Lambda 與 AWS 服務(wù)的協(xié)同工作�；谶@些知識(shí)，讓我們創(chuàng)建一個(gè)簡(jiǎn)單的用戶注冊(cè)表并使用 API 網(wǎng)關(guān)將數(shù)據(jù)發(fā)布到 AWS Lambda。 AWS Lambda 將從事件或 API 網(wǎng)關(guān)觸發(fā)器中獲取數(shù)據(jù)，并將這些詳細(xì)信息添加到 DynamoDB 表中。

示例

讓我們考慮一個(gè)示例并對(duì)其執(zhí)行以下功能-

創(chuàng)建 DynamoDB 表創(chuàng)建用戶注冊(cè)表單創(chuàng)建 AWS Lambda 和 API 網(wǎng)關(guān)以使用 AWS SNS 服務(wù)向電話發(fā)送消息創(chuàng)建 AWS Lambda 和 API 網(wǎng)關(guān)以 POST 表單數(shù)據(jù)并插入到 DynamoDb 表中創(chuàng)建 AWS Lambda 和 API 網(wǎng)關(guān)以從 Dynamodb 表中讀取數(shù)據(jù)用戶注冊(cè)表的最后處理

創(chuàng)建 DynamoDB 表

輸入的數(shù)據(jù)將存儲(chǔ)在 DynamodDB 表中。我們將使用 API 網(wǎng)關(guān)與 AWS Lambda 共享輸入的數(shù)據(jù)，稍后 AWS Lambda 將在 DynamoDB 中添加詳細(xì)信息。

您可以使用以下詳細(xì)信息在 AWS 控制臺(tái)中創(chuàng)建 DynamodDB 表。首先，轉(zhuǎn)到 AWS 服務(wù)并單擊 DynamoDB。單擊表格以創(chuàng)建如下所示的表格-

創(chuàng)建 DynamoDB 表

表格數(shù)據(jù)

您可以使用 ARN 為要與 AWS Lambda 一起使用的 DynamoDB 創(chuàng)建策略。

轉(zhuǎn)到 IAM 并選擇政策。點(diǎn)擊創(chuàng)建策略，選擇服務(wù)作為DynamodDB，如下圖所示-

選擇策略

單擊所有 DynamoDB 操作，如上所示。選擇資源并輸入表的 ARN，如下所示-

所有 DynamoDB

現(xiàn)在，點(diǎn)擊添加，如下所示。

單擊添加

如果您點(diǎn)擊屏幕末尾的查看政策按鈕，您可以看到以下窗口-

審查政策

輸入策略名稱，然后單擊頁(yè)面末尾的創(chuàng)建策略按鈕�，F(xiàn)在，我們需要?jiǎng)?chuàng)建與 Lambda 一起使用的角色。我們需要 DynamoDB、APIGateway 和 Lambda 的權(quán)限。

轉(zhuǎn)到 AWS 服務(wù)并選擇 IAM。從左側(cè)選擇角色并添加所需的角色。

創(chuàng)建策略按鈕

輸入角色名稱并點(diǎn)擊創(chuàng)建角色。創(chuàng)建的角色是 roleforlambdaexample。

創(chuàng)建用戶注冊(cè)表單

這是用戶注冊(cè)表的顯示，用于輸入和讀取 dynamodb 表中的數(shù)據(jù)。

用戶注冊(cè)

創(chuàng)建 AWS Lambda 和 API 網(wǎng)關(guān)以使用 SNS 服務(wù)向電話發(fā)送 OTP 消息

如果您看到用戶注冊(cè)表單，則有一個(gè)按鈕驗(yàn)證電話。假設(shè)用戶輸入電話號(hào)碼并點(diǎn)擊驗(yàn)證電話按鈕以驗(yàn)證電話號(hào)碼。

為此目的-

當(dāng)用戶單擊此按鈕時(shí)，將調(diào)用包含電話詳細(xì)信息的 API 網(wǎng)關(guān) post 方法并在內(nèi)部觸發(fā) AWS Lambda。

然后，AWS Lambda 將 OTP 發(fā)送到使用 AWS SNS 服務(wù)輸入的電話號(hào)碼。

用戶收到 OTP 后必須輸入此 OTP 號(hào)碼。

當(dāng)輸入電話號(hào)碼并點(diǎn)擊驗(yàn)證電話按鈕時(shí)，將出現(xiàn)輸入OTP的文本框。

從 AWS Lambda 收到的 OTP 和用戶輸入的 OTP 必須匹配，以允許用戶提交用戶注冊(cè)表。

此處顯示了解釋電話驗(yàn)證工作的簡(jiǎn)單框圖-

Sns 服務(wù)

創(chuàng)建的 AWS Lambda 函數(shù)如下所示-

Lambda 函數(shù)創(chuàng)建

相應(yīng)的 AWS Lambda 代碼如下-

const aws =  require("aws-sdk");
const sns = new aws.SNS({
   region:"us-east-1"
});
exports.handler = function(event, context, callback) {
   let phoneno = event.mphone;
   let otp = Math.floor(100000 + Math.random() * 900000);
   let snsmessage = "Your otp is : "+otp;
   sns.publish({
      Message: snsmessage,
      PhoneNumber: "+91"+phoneno
   }, function (err, data) {
      if (err) {
         console.log(err);
         callback(err, null);
      } else {
         console.log(data);
         callback(null, otp);
      } 
   });
};

請(qǐng)注意，我們使用 SNS 服務(wù)發(fā)送 OTP 代碼。此代碼用于驗(yàn)證用戶在用戶注冊(cè)表中輸入的手機(jī)號(hào)碼。為上述電話驗(yàn)證創(chuàng)建的 API 網(wǎng)關(guān)如下-

默認(rèn)超時(shí)

Application Json

給出的 Lambda 函數(shù)是 phonevalidationexample。我們將此處的手機(jī)詳細(xì)信息用于 AWS Lambda 中。然后，AWS Lambda 會(huì)將 OTP 代碼發(fā)送到給定的手機(jī)號(hào)碼。

創(chuàng)建 AWS Lambda 和 API 網(wǎng)關(guān)以 POST 表單數(shù)據(jù)并插入到 DynamoDB 表中

對(duì)于用戶注冊(cè)表，所有字段都是必填的。進(jìn)行了一次 AJAX 調(diào)用，其中將表單中輸入的數(shù)據(jù)發(fā)布到 API 網(wǎng)關(guān) URL。

一個(gè)簡(jiǎn)單的框圖解釋了提交按鈕的工作原理-

Block Diagram Dynamodb Table

填寫表單后，提交按鈕將調(diào)用將觸發(fā) AWS Lambda 的 API 網(wǎng)關(guān)。 AWS Lambda 將從事件或 API 網(wǎng)關(guān)獲取表單的詳細(xì)信息，并將數(shù)據(jù)插入到 DynamodDB 表中。

讓我們了解一下 API Gateway 和 AWS Lambda 的創(chuàng)建。

首先，轉(zhuǎn)到 AWS 服務(wù)并單擊 Lambda。創(chuàng)建的 Lambda 函數(shù)如下所示-

Lambda 示例

現(xiàn)在，要?jiǎng)?chuàng)建 API 網(wǎng)關(guān)，請(qǐng)轉(zhuǎn)到 AWS 服務(wù)并選擇 API 網(wǎng)關(guān)。點(diǎn)擊下方顯示的創(chuàng)建 API 按鈕。

創(chuàng)建 Api

輸入 API 名稱并點(diǎn)擊創(chuàng)建API按鈕添加API。

創(chuàng)建 Api 按鈕

現(xiàn)在，創(chuàng)建了一個(gè)名為 registeruser 的 API。選擇 API 并點(diǎn)擊 Actions 下拉菜單以創(chuàng)建 Resource。

新子資源

點(diǎn)擊創(chuàng)建資源。現(xiàn)在，讓我們添加 POST 方法。為此，單擊左側(cè)創(chuàng)建的資源，然后從 Actions 下拉列表中選擇 create method。這將顯示如下所示的下拉列表-

創(chuàng)建方法

選擇 POST 方法并添加我們?cè)谏厦鎰?chuàng)建的 Lambda 函數(shù)。

發(fā)布設(shè)置

點(diǎn)擊保存按鈕添加方法。要將表單詳細(xì)信息發(fā)送到 Lambda 函數(shù) lambdaexample，我們需要添加 Integration Request，如下所示-

集成請(qǐng)求

要發(fā)布表單詳細(xì)信息，您必須點(diǎn)擊集成請(qǐng)求。它將顯示以下詳細(xì)信息。

添加用戶帖子

點(diǎn)擊正文映射模板以添加要發(fā)布的表單字段。

正文模板

接下來(lái)，點(diǎn)擊添加映射模板并輸入內(nèi)容類型。在這里，我們添加了 application/json 作為內(nèi)容類型。單擊它，您需要在此處以 json 格式輸入該字段，如下所示-

添加映射模板

現(xiàn)在，單擊保存按鈕并部署 API，如下所示-

部署保存按鈕

這是為 POST 創(chuàng)建的 API，它將在我們的 .html 文件中使用。請(qǐng)注意，我們需要為創(chuàng)建的資源啟用 CORS。將使用 api 網(wǎng)關(guān) url 進(jìn)行 ajax 調(diào)用，因此必須啟用 CORS。

選擇要啟用 CORS 的方法。點(diǎn)擊啟用 CORS 并替換現(xiàn)有的 CORS 標(biāo)頭。

核心標(biāo)題

它顯示確認(rèn)屏幕如下-

確認(rèn)屏幕

點(diǎn)擊是，替換現(xiàn)有值以啟用 CORS。

Yes Replaced

POST API 網(wǎng)關(guān)的 AWS Lambda 代碼如下所示-

const aws =  require("aws-sdk");
const docClient = new aws.DynamoDB.DocumentClient({
   region:"us-east-1"
});
exports.handler = function(event, context, callback) {
   console.log(event);
   console.log("Entering Data");
   var data = {
      TableName : "registeruser",
      Item : {
         first_name:event.fname,
         last_name:event.lname,
         emailid:event.emailid,   
         mobile_no : event.mphone,
         otp:event.otp,
         username:event.uname,
         password:event.passwd,
         confirm_password:event.cpasswd
      }
   }
   docClient.put(data, function(err, value) {
      if (err) {
         console.log("Error");
         callback(err, null);
      } else {
         console.log("data added successfully");
         callback(null, value);
      }
   });
}

AWS Lambda 處理程序中的事件參數(shù)將包含之前在 POST 集成請(qǐng)求中添加的所有詳細(xì)信息。來(lái)自事件的詳細(xì)信息將添加到 DynamodDB 表中，如代碼所示。

現(xiàn)在，我們需要從 AWS-SDK 獲取服務(wù)詳細(xì)信息，如下所示-

const aws =  require("aws-sdk");
const docClient = new aws.DynamoDB.DocumentClient({
   region:"us-east-1"
});
var data = {
   TableName : "registeruser",
   Item : {
      first_name:event.fname,
      last_name:event.lname,  
      emailid:event.emailid,
      mobile_no : event.mphone,
      otp:event.otp,
      username:event.uname,
      password:event.passwd,
      confirm_password:event.cpasswd
   }
}
docClient.put(data, function(err, value) {
   if (err) {
    console.log("Error");
      callback(err, null);
   } else {
      console.log("data added successfully");
      callback(null, value);
   }
});

創(chuàng)建 AWS Lambda 和 API 網(wǎng)關(guān)以從 DynamodDB 表中讀取數(shù)據(jù)

現(xiàn)在，我們將創(chuàng)建 AWS Lambda 函數(shù)以從 DynamoDB 表中讀取數(shù)據(jù)。我們將觸發(fā) APIGateway 到 AWS Lambda 函數(shù)，該函數(shù)將數(shù)據(jù)發(fā)送到 html 表單。

創(chuàng)建的 AWS Lambda 函數(shù)如下圖所示-

讀取數(shù)據(jù)

對(duì)應(yīng)的AWS Lambda代碼如下-

const aws =  require("aws-sdk");
const docClient = new aws.DynamoDB.DocumentClient({
   region:"us-east-1"
});
exports.handler = function(event, context, callback) {
   var readdata = {
      TableName : "registeruser",
      Limit : 10
   }
   docClient.scan(readdata, function(err, data) {
      if (err) {
         console.log("Error");
         callback(err, null);
      } else {
         console.log("Data is " + data);
         callback(null, data);
      }
   });
}

此處從 DynamoDB 表中讀取數(shù)據(jù)并提供給回調(diào)�，F(xiàn)在，我們將創(chuàng)建 APIGateway 并添加 AWS Lambda 函數(shù)作為觸發(fā)器。

我們將在之前創(chuàng)建的 API 中添加 get 方法。

Api 創(chuàng)建

添加的 Lambda 函數(shù)是 lambdareaddataexample。點(diǎn)擊保存保存e 方法并部署 api。

用戶注冊(cè)表的最終工作

表格最終顯示如下圖-

最終工作

現(xiàn)在，輸入如上所示的詳細(xì)信息。請(qǐng)注意，提交按鈕已禁用。只有在輸入所有詳細(xì)信息時(shí)才會(huì)啟用它-

輸入詳細(xì)信息

現(xiàn)在，輸入手機(jī)號(hào)碼并點(diǎn)擊驗(yàn)證電話按鈕。它會(huì)顯示提示信息，提示 "OTP 正在發(fā)送到手機(jī)，請(qǐng)輸入 OTP 以繼續(xù)"。發(fā)送到手機(jī)號(hào)碼的 OTP 如下-

Otp

輸入一次性密碼和其他詳細(xì)信息并提交表單。

剩余詳細(xì)信息

提交后DynamoDB registeruser表中的數(shù)據(jù)如下所示-

注冊(cè)用戶

代碼詳情如下-

Example1.html

<html>
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <script type="text/javascript" src="formdet.js"></script>
      <style>
         input[type=text], input[type=password],button {
            width: 100%;
            padding: 5px 5px;
            margin: 5px 0;
            box-sizing: border-box;
         }
         #maincontainer {
            width: 80%;
            margin: auto;
            padding: 10px;
         }
         div#userregistration {
            width: 60%;
            float: left;
         }
         div#userdisplay {
            margin-left: 60%;   
         }
      </style>
   </head>
   
   <body>
      <div id="maincontainer">
         <div id="userregistration">
            <h1>User Registration Form</h1>
            <table border="0">
               <tr>
                  <td><b>First Name<span style="color:red;">*</span> : </b></td>
                  <td><input type="text" value="" name="fname" id="fname" /></td>
                  <td id="tdfname" style="display:none;"><span style="color:red;">Enter First Name</span></td>
               </tr>
               <tr>
                  <td><b>Last Name<span style="color:red;">*</span> : </b></td>
                  <td><input type="text" value="" name="lname" id="lname" /></td>
                  <td id="tdlname" style="display:none;"><span style="color:red;">Enter Last Name</span></td>
               </tr>
               <tr>
                  <td><b>Email Id<span style="color:red;">*</span> : </b></td>
                  <td><input type="text" value="" name="emailid" id="emailid" /></td>
                  <td id="tdemailid" style="display:none;"><span style="color:red;">Enter Email</span></td>
               </tr>
               <tr>
                  <td><b>Mobile No<span style="color:red;">*</span> : </b></td>
                  <td><input type="text" name="mphone" id="mphone"/></td>
                  <td id="tdmphone" style="display:none;"><span style="color:red;">Enter Mobile Number</span></td>
               </tr>   
               <tr>
                  <td></td>
                  <td><button id="validatephone">validate phone</button></td>   
                  <td></td>
               </tr>
               <tr id="otpdiv" style="display:none;">
                  <td><b>Enter OTP<span style="color:red;">*</span>:</b></td>
                  <td><input type="text" value="" name="otp" id="otp" /></td>
                  <td id="tdotp" style="display:none;"><span style="color:red;">Enter OTP</span></td>
               </tr>
               <tr>
                  <td><b>Username<span style="color:red;">*</span>: </b></td>
                  <td><input type="text" value="" name="uname" id="uname"/></td>
                  <td id="tduname" style="display:none;"><span style="color:red;">Enter Username</span></td>
               </tr>
                  <tr><td><b>Password<span style="color:red;">*</span> :</b></td>
                  <td><input type="password" value="" name="passwd" id="passwd"/></td>
                  <td id="tdpasswd" style="display:none;"><span style="color:red;">Enter Password</span></td>
               </tr>
                  <tr><td><b>Confirm Password<span style="color:red;">*</span> :</b></td>
                  <td><input type="password" value="" name="cpasswd" id="cpasswd"/></td>
                  <td id="tdcpasswd" style="display:none;"><span style="color:red;">Enter Confirm Password</span></td>
               </tr>
               <tr>
                  <td></td>
                  <td><button name="submit" id="submit" style="display:;" disabled="true">Submit</button></td>
                  <td></td>
               </tr>
            </table>
         </div>
         
         <div id="userdisplay">
            <h1>User Display</h1>
            <table id="displaydetails" style="display:block;width:80%;padding:5px;margin:5px; border: 1px solid black;">
               <tr>
                  <td></td>
                  <td>FirstName</td>
                  <td>LastName</td>
                  <td>Mobile No</td>
                  <td>EmailID</td>
               </tr>
            </table>
         </div>
      </div>
   </body>
</html>

formdet.js

function validateform() {
   var sError="";
   if ($("#fname").val() === "") {
      $("#tdfname").css("display","");
      sError++;
   }
   if ($("#lname").val() === "") {
      $("#tdlname").css("display","");
      sError++;
   }
   if ($("#emailid").val() === "") {
      $("#tdemailid").css("display","");
      sError++;
   }
   if ($("#mphone").val() === "") {
      $("#tdmphone").css("display","");
      sError++;
   }
   if ($("#otp").val() === "") {
      $("#tdotp").css("display","");
      sError++;
   }
   if ($("#uname").val() === "") {
      $("#tduname").css("display","");
      sError++;
   }
   if ($("#passwd").val() === "") {
      $("#tdpasswd").css("display","");
      sError++;
   }
   if ($("#cpasswd").val() === "") {
      $("#tdcpasswd").css("display","");
      sError++;
   }
   if (sError === "") {
      return true;
   } else {
      return false;
   }
}
$("#fname").change(function() {
   if ($("#fname").val() !== "") {
      $("#tdfname").css("display","none");      
   } else {
      $("#tdfname").css("display","");     
   }
});
$("#lname").change(function() {
   if ($("#lname").val() !== "") {
      $("#tdlname").css("display","none");     
   } else {
      $("#tdlname").css("display","");     
   }
});
$("#emailid").change(function() {
   if ($("#emailid").val() !== "") {
      $("#tdemailid").css("display","none");     
   } else {
      $("#tdemailid").css("display","");     
   }
});
$("#mphone").change(function() {
   if ($("#mphone").val() !== "") {
      $("#tdmphone").css("display","none");      
   } else {
      $("#tdmphone").css("display","");      
   }
});
$("#otp").change(function() {
   if ($("#otp").val() !== "") {
      $("#tdotp").css("display","none");     
   } else {
      $("#tdotp").css("display","");     
   }
});
$("#uname").change(function() {
   if ($("#uname").val() !== "") {
      $("#tduname").css("display","none");     
   } else {
      $("#tduname").css("display","");     
   }
});
$("#passwd").change(function() {
   if ($("#passwd").val() !== "") {
      $("#tdpasswd").css("display","none");      
   } else {
      $("#tdpasswd").css("display","");      
   }
});
$("#cpasswd").change(function() {
   if ($("#cpasswd").val() !== "") {
      $("#tdcpasswd").css("display","none");     
   } else {
      $("#tdcpasswd").css("display","");     
   }
});
var posturl = "https://4rvwimysc1.execute-api.us-east-1.amazonaws.com/prod/adduser";
var phonevalidationurl = "https://wnvt01y6nc.execute-api.us-east-1.amazonaws.com/prod/validate";
var otpsend = "";
function getdata() {
   var a = 0;
   $.ajax({
      type:"GET",
      url:posturl,        
      success: function(data) {
         $("#displaydetails").html("");
         $("#displaydetails").css("display", "");
         console.log(data);
         $("#displaydetails").append("<tr style="padding:5px;margin:5px;background-color:gray;"><td>Name</td><td>Mobile No</td><td>EmailID</td></tr>");
         data.Items.forEach(function(registeruser) {
            var clr = (a%2 === 0) ? "#eee": "white";
            a++;
            $("#displaydetails").append("<tr style="padding:5px;margin:5px;background-color:"+clr+""><td>"+registeruser.first_name+"-"+registeruser.last_name+"</td><td>"+registeruser.mobile_no+"</td><td>"+registeruser.emailid+"</td></tr>");
         });
      },
      error: function(err) {
         console.log(err);
      }
   });
}
$(document).ready(function() {
   $("#otp").on("change", function() {
      var otpentered = $("#otp").val();
      if (otpsend == otpentered) {
         document.getElementById("submit").disabled = false;
      } else {
         alert("OTP is not valid.Please enter the valid one or validate phone again to continue!");
         document.getElementById("submit").disabled = true;
      }
   });
   $("#validatephone").on("click", function() {
      $.ajax({
         type:"POST",
         url:phonevalidationurl,
         data:JSON.stringify({
            "mphone":$("#mphone").val()          
         }),
         success: function(data) {
            $("#otpdiv").css("display", "");
            alert("OTP is send to the mobile, please enter to continue");
            console.log(data);
            otpsend = data;
         },
         error : function(err) {
            $("#otpdiv").css("display", "none");
            alert("Invalid mobile no.");
         }
      });
   });
   $("#submit").on("click", function() {
      if (validateform()) {
         $.ajax({
            type:"POST",
            url:posturl,
            data:JSON.stringify({
               "fname": $("#fname").val(),
               "lname": $("#lname").val(),
               "emailid":$("#emailid").val(),
               "mphone":$("#mphone").val(),
               "otp":$("#otp").val(),
               "uname":$("#uname").val(),
               "passwd":$("#passwd").val(),
               "cpasswd":$("#cpasswd").val()
            }),
            success: function(data) {
               alert("Data added successfully");
               console.log(data);
               getdata();
            }
         });
      }
   });
   getdata();
});

到目前為止，我們已經(jīng)對(duì)創(chuàng)建的 API 進(jìn)行了 AJAX 調(diào)用，并發(fā)布了如上所示的數(shù)據(jù)。

將數(shù)據(jù)添加到表中的 AJAX 調(diào)用如下-

var posturl = "https://4rvwimysc1.execute-api.us-east-1.amazonaws.com/prod/adduser";
$(document).ready(function() {
   $("#submit").on("click", function() {
      if (validateform()) {
         $.ajax({
            type:"POST",
            url:posturl,
            data:JSON.stringify({
               "fname": $("#fname").val(),
               "lname": $("#lname").val(),
               "emailid":$("#emailid").val(),
               "mphone":$("#mphone").val(),
               "otp":$("#otp").val(),
               "uname":$("#uname").val(),
               "passwd":$("#passwd").val(),
               "cpasswd":$("#cpasswd").val()
            }),
            success: function(data) {
               alert("Data added successfully");
               console.log(data);
               getdata();
            }
         });
      }
   });
});

請(qǐng)注意，要讀取數(shù)據(jù)，會(huì)調(diào)用一個(gè)函數(shù)，其代碼如下-

function getdata() {
   var a = 0;
   $.ajax({
      type:"GET",
      url:posturl,        
      success: function(data) {
         $("#displaydetails").html("");
         $("#displaydetails").css("display", "");
         console.log(data);
         $("#displaydetails").append("<tr style="padding:5px;margin:5px;background-color:gray;"><td>Name</td><td>Mobile No</td><td>EmailID</td></tr>");
         data.Items.forEach(function(registeruser) {
            var clr = (a%2 === 0) ? "#eee": "white";
            a++;
            $("#displaydetails").append("<tr style="padding:5px;margin:5px;background-color:"+clr+""><td>"+registeruser.first_name+"-"+registeruser.last_name+"</td><td>"+registeruser.mobile_no+"</td><td>"+registeruser.emailid+"</td></tr>");
         });
      },
      error: function(err) {
         console.log(err);
      }
   });
}

當(dāng)您單擊手機(jī)號(hào)碼驗(yàn)證按鈕時(shí)，將調(diào)用以下代碼并發(fā)送手機(jī)號(hào)碼-

var phonevalidationurl = "https://wnvt01y6nc.execute-api.us-east-1.amazonaws.com/prod/validate";
var otpsend = "";
$("#validatephone").on("click", function() {
   $.ajax({
      type:"POST",
      url:phonevalidationurl,
      data:JSON.stringify({
         "mphone":$("#mphone").val()         
      }),
      success: function(data) {
         $("#otpdiv").css("display", "");
         alert("OTP is send to the mobile, please enter the OTP to continue");
         console.log(data);
         otpsend = data;
      },
      error : function(err) {
         $("#otpdiv").css("display", "none");
         alert("Invalid mobile no.");
      }
   });
});
// Validate otp
$("#otp").on("change", function() {
   var otpentered = $("#otp").val();
   if (otpsend == otpentered) {
      document.getElementById("submit").disabled = false;
   } else {
      alert("OTP is not valid.Please enter the valid one or validate phone again to continue!");
      document.getElementById("submit").disabled = true;
   }
}

作為AWS頂級(jí)代理商，選擇天.下.數(shù).據(jù)的優(yōu)勢(shì)

1、專屬客服協(xié)助注冊(cè)AWS，或提供注冊(cè)好的賬號(hào)直接使用

2、支持收U等多幣種支付代付，無(wú)額外服務(wù)費(fèi)用

3、AWS多種產(chǎn)品類型，更高產(chǎn)品租賃權(quán)限

4、針對(duì)大客戶，AWS專屬折扣優(yōu)惠

5、7x24小時(shí)專屬客服，在線解答各種疑問(wèn)

詳詢電話40 0-63 8-88 08 官網(wǎng)：http://www.51huadong.com/2023/aws.asp

本文鏈接：http://www.51huadong.com/cloundnews/11008966.html

婷婷久久久久深爱网,国产内射老熟女aaa,人妻熟妇一区二区情色,在线视频欧美一区,天天日天天插天天抽,免费视频在观看在线,91re视频在线观看,色偷偷成人网免费视频男人的天堂,一区二区三区午夜在线

美國(guó)服務(wù)器優(yōu)惠信息

熱門產(chǎn)品推薦

最新新聞

熱門問(wèn)題

推薦閱讀

AWS Lambda實(shí)例簡(jiǎn)單介紹

示例

創(chuàng)建 DynamoDB 表

創(chuàng)建用戶注冊(cè)表單

創(chuàng)建 AWS Lambda 和 API 網(wǎng)關(guān)以使用 SNS 服務(wù)向電話發(fā)送 OTP 消息

創(chuàng)建 AWS Lambda 和 API 網(wǎng)關(guān)以 POST 表單數(shù)據(jù)并插入到 DynamoDB 表中

創(chuàng)建 AWS Lambda 和 API 網(wǎng)關(guān)以從 DynamodDB 表中讀取數(shù)據(jù)

用戶注冊(cè)表的最終工作

相關(guān)推薦：

熱門推薦：

婷婷久久久久深爱网,国产内射老熟女aaa,人妻熟妇一区二区情色,在线视频 欧美 一区,天天日天天插天天抽,免费视频在观看在线,91re视频在线观看,色偷偷成人网免费视频男人的天堂,一区二区三区午夜在线

美國(guó)服務(wù)器優(yōu)惠信息

熱門產(chǎn)品推薦

最新新聞

熱門問(wèn)題

推薦閱讀

AWS Lambda實(shí)例簡(jiǎn)單介紹

示例

創(chuàng)建 DynamoDB 表

創(chuàng)建用戶注冊(cè)表單

創(chuàng)建 AWS Lambda 和 API 網(wǎng)關(guān)以使用 SNS 服務(wù)向電話發(fā)送 OTP 消息

創(chuàng)建 AWS Lambda 和 API 網(wǎng)關(guān)以 POST 表單數(shù)據(jù)并插入到 DynamoDB 表中

創(chuàng)建 AWS Lambda 和 API 網(wǎng)關(guān)以從 DynamodDB 表中讀取數(shù)據(jù)

用戶注冊(cè)表的最終工作

相關(guān)推薦 ：

熱門推薦 ：

婷婷久久久久深爱网,国产内射老熟女aaa,人妻熟妇一区二区情色,在线视频欧美一区,天天日天天插天天抽,免费视频在观看在线,91re视频在线观看,色偷偷成人网免费视频男人的天堂,一区二区三区午夜在线

相關(guān)推薦：

熱門推薦：