sendsms短信验证功能实现代码

最新推荐文章于 2024-04-22 10:11:29 发布
最新推荐文章于 2024-04-22 10:11:29 发布
阅读量948 收藏
点赞数
文章标签： javascript 移动开发 ViewUI
原文链接：http://www.cnblogs.com/shuibi/p/6531711.html
版权

<!DOCTYPE HTML>

<html>

   <head>

        <meta charset="utf-8">

        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=0,width=device-width,initial-scale=1.0" />

        <title>APP</title>

        <link rel="stylesheet" type="text/css" href="../css/api.css" />

        <link rel="stylesheet" type="text/css" href="../css/common.css" />

           <style>

              #con{

                   margin:10px;

                   font-size:28px;

              } 

              ul{

                    margin-bottom:10px;

              }

              .txt{

                     margin:5px 10px;

                     padding:5px;

                     color:#000;

                     word-wrap:break-word;

              }

              input[type="text"]{

                    border-radius:6px;

                    background-color:#ffffff;

                    height:36px;

                    border:1px solid #D2CCCE;

                    color:#D2CCCE;

                    line-height:36px;

                    text-indent:7px;

                    width:120px;

                    background-clip:padding-box;

              }

              input[type="button"],#con{

                     border-radius:6px;

                     background-color:#81A9C3;

                     height:36px;

                     border:1px solid #2CCCE

                     color:#ffffff;

                     line-height:36px;

                     padding-left:30px;

                     padding-right:30px;

                     background-clip:padding-box;

              }

        </style>

    </head>

    <body>

          <br>

          <input type="button" οnclick="reg_sms()" value="注册短信模块" /><br><br>

          手机号：<input type="text" id="tel" name="tel" value="" placeholder="输入手机号" />

          <input type="button" class="yzm-btn" οnclick="send_sms()" value="发送验证码" /><br><br>

          验证码<input type="text" id="code" name="code" value="" />

          <input type="button" οnclick="code_sms()" value="短信验证" /><br><br><br><br><br>

          <!-- 市场评分模块 -->

--------------------市场评分模块---------------------------------<br><br>

           <label id="con" οnclick="tosmarket()">5星好评支持我们</label>

           <div id='sys-info'>这里我用的是微信，可以随意改</div>

    </body>

    

    <script type="text/javascript" src="../script/api.js"></script>

    <script type="text/javascript" src="../script/zepto.min.js"></script>

    <script type="text/javascript">

          apiready = function(){

                sendsms = api.require('sendSms');

          };

          function reg_sms(){

                  //貌似是120秒内只能注册一次，不然会失败，注意下

                  var param = {appkey:"6680ba14a50e",appsecret:"95b67202d004b9f4ab2a38f3eda2e82c"};

                  sendsms.regSms(param);

                  alert("注册成功");

          }

          function send_sms(){

                 var tel = document.getElementById("tel").value;

                 var param = {phone:tel};

                 sendsms.sendMessage(param,function(ret,err){

                 if(ret.result == "ok"){

                        maxtime = 90;

                        timer1 = setInterval("send_code_jishi();", 1000);

                        alert("短信发送成功");

        }else{

              alert(ret.result);

        }

      });

    }

    function code_sms(){

        var mycode = document.getElementById("code").value;

        var param={code:mycode};

        sendsms.enterCode(param,function(ret,err){

                        if(ret.result == "ok"){

                                alert("验证成功");

                        }else{

                                alert("验证失败");

                        }

                });

    }

    function tosmarket(){

            if (api.systemType =="android"){

                        smarket = api.require('marketScore');

                        var param = {appname:"com.tencent.mm"};

                smarket.myScore(param);

                }else{

                        api.openApp({

                            iosUrl: 'https://itunes.apple.com/cn/app/wei-xin/id414478124?mt=8'

                        },function(ret,err){

                        });

                }

    }

    var timer1 = "";

        var maxtime = 90;

        function send_code_jishi(){

            if(maxtime == 0){

                    clearInterval(timer1);

                $(".yzm-btn").val("重发验证码");

            }else{

                    maxtime--;

                    $(".yzm-btn").val(maxtime+"秒可重发");

            }

        }

</script>

</html>

转载于:https://www.cnblogs.com/shuibi/p/6531711.html

weixin_30872733
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Laravel框架实现发送短信验证功能代码
10-22
在本文中，我们将深入探讨如何在Laravel框架中实现发送短信验证功能，这对于增强Web应用的安全性和用户体验至关重要。Laravel是一套广泛使用的PHP Web开发框架，它的设计目标是让开发者能够编写出优雅、简洁的代码，...
Android实现页面短信验证功能
01-20
在本文中，我们将探讨如何在Android环境中实现一个简单的短信验证功能，包括界面设计和后台处理。 首先，我们需要引入相关的库。在这个示例中，开发者提到使用了一个名为SMSSDK的库，该库可能包含短信发送和接收的...
发送验证码
csdn_nevermore的博客
01-11 133
验证码
接入短信验证码代码
短信接口_短信验证码_短信验证码接口
03-20 616
短信验证码接入分前端和后端，具体代码如下 前端代码 <html> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1...
探秘`sendSms`：一款高效、灵活的短信发送工具
gitblog_00071的博客
04-22 276
探秘sendSms：一款高效、灵活的短信发送工具 项目地址:https://gitcode.com/testerSunshine/sendSms 项目简介 在数字化时代，实时、准确的信息传递变得至关重要，而短信作为其中一种普遍且可靠的方式，常被用于验证码验证、通知服务等场景。sendSms 是一个由 testerSunshine 创建并维护的开源项目，旨在提供一个简洁易用的API接口，帮助开发者轻...
短信验证码的实现
xy19950125的博客
07-15 410
1 需要第三方平台--阿里云2 下载完毕后直接放入项目中3 建立一个index.html；简单搭建一个就行了&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="https://cdn.
短信验证码
你的益达的博客
01-17 464
思路 1.引入相关坐标 2.引入所需js文件 3.写form表单 4.后台通过入参接收前台发送的手机号 5.随机生成一个验证码 6.将随机生成的验证码放到session中 7.将手机号和验证码传给工具包 调用工具包接口来发送短信 前台页面 &amp;amp;amp;amp;lt;%-- Created by IntelliJ IDEA. User: LI WAN Date: 2019/1/16 Time: 16:...
短信验证码api
qq_28567955的博客
04-01 1530
接口地址：https://sms.api.vast-universe.cn/sms/send 类型：post 参数1：phone（接收验证码手机号） 参数2：secret（调用接口key唯一，下面有测试key只可以发送10条） 参数3：content（短信内容，不得超过60字内容） 注：可提供短信回调地址，抄送验证码到调用方接口上。 key：57048cbf5a176cb559b725fd...
php梦网科技短信平台手机短信验证功能实现
08-04
通过以上步骤，我们就可以在PHP中利用梦网科技的短信平台实现手机短信验证功能。这个过程涉及到API接口调用、数据传输安全、验证码管理和用户交互等多个方面，是Web开发中的重要组成部分。理解并熟练掌握这一技术，...
关于Java实现短信验证
05-28
本篇将详细探讨如何使用Java实现短信验证功能，主要关注“云之讯”这个第三方开放平台的集成应用。 首先，短信验证是一种通过发送短信验证码到用户手机，然后让用户输入以确认身份的安全措施。它通常用于注册、登录...
Android实现发送短信功能实例详解
09-02
在给出的代码示例中，`A03Activity` 是一个实现了发送短信功能的Activity。在这个Activity中，有两个 `EditText` 用于输入电话号码和短信内容，一个 `Button` 用于触发发送操作。 ```java public class A03Activity...
sendSMS
03-20
NULL 博文链接：https://zlb1986.iteye.com/blog/763149
twilio_send_SMS:向想要的电话号码发送自定义短信
06-27
twilio_send_SMS 使用的 twilio-node API 将自定义 SMS 发送到所需的电话号码 警告： 需要 twilio 帐户 不包括帐户 SID、身份验证令牌和 Twilio 电话号码
使用阿里云短信功能
qq_42335551的博客
07-26 850
使用前，需要在阿里云平台申请key,以及短信模板 public class AliyunSmsSender { /// <summary> /// 短信的密钥KeyId /// </summary> private string accessKeyId= "************"; /// <summary> /// 短信的密钥KeySecret ...
springboot基础(63):Springboot整合阿里云短信发送
不积跬步，无以至千里
08-16 1676
整合阿里云短信发送。
集成阿里短信服务
suchaochen的博客
01-20 1962
第一步、准备工作 1、登录阿里云，完成认证 注意，推广短信只有升级为企业认证之后才可启用 2、开通短信服务 搜索短信服务产品 3、充值余额或购买短信包 第二步、配置签名和模板（可选） 如果签名和模板是固定的，并不需要在自己的系统中进行配置的话，可以在阿里云上直接配置 第三步、代码集成 1、API文档 http...
send_SMS
qq_42426237的博客
08-09 1353
import http.client import urllib # 定义主机 host = "106.ihuyi.com" sms_send_uri = "/webservice/sms.php?method=Submit" # 查看用户名 登录用户中心-&gt;验证码通知短信&gt;产品总览-&gt;API接口信息-&gt;APIID account = "C45031386" # 查看...
Springboot 使用阿里云api批量发送短信
Wyangcsdb的博客
11-06 2130
Springboot 使用阿里云api批量发送短信 阿里云短信文档如下：短信批量发送API（SendBatchSms） 文章目录Springboot 使用阿里云api批量发送短信步骤 1 创建阿里云账号 步骤 2 获取阿里云访问密钥spring boot 项目引入阿里云短信依赖我们这里使用引入依赖1.引入库写一个工具类spring boot 请求 步骤 1 创建阿里云账号 步骤 2 获取阿里云访问密钥 假设前2步你已经完成。步骤 3 在控制台完成模板与签名的申请，获得调用接口必备的参数 短信签名和
Android-SendSMS
Code for Coffee
11-11 1287
SmsManager简介       SmsManager（短信管理器）是Android提供的另一个非常常见的服务，用于管理手机短信，一般用于实现在app中发送短信的功能SmsManager提供了系列sendXxxMessage()方法用于发送短信。使用方法       调用SmsManager提供的短信接口sendTextMessage函数即可。public void sendTextMess
nodejs实现华为云短信验证
最新发布
06-01
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，可以方便地使用 JavaScript 编写后端服务器程序。华为云提供了一套短信服务 API，可以方便地实现短信验证功能。 要使用 Node.js 实现华为云短信验证，你可以先在华为云官网上注册账号并开通短信服务。然后，你可以在 Node.js 中使用 HTTP 模块发送 HTTP 请求到华为云的短信服务接口，以实现发送短信验证码的功能。以下是一个简单的 Node.js 示例代码： ``` const https = require('https'); const qs = require('querystring'); const accessKey = 'your_access_key'; // 替换为你的 Access Key const secretKey = 'your_secret_key'; // 替换为你的 Secret Key const region = 'cn-north-4'; // 替换为你的短信服务所在的区域 const sender = 'your_sender'; // 替换为你的短信发送者名称 const templateId = 'your_template_id'; // 替换为你的短信模板 ID const phoneNumber = 'your_phone_number'; // 替换为你要发送验证码的手机号码 // 生成签名字符串 function generateSignature(accessKey, secretKey, region, timestamp) { const hmac = require('crypto').createHmac('sha256', secretKey); hmac.update(`AccessKey=${accessKey}&Action=SendSms&Region=${region}&SecretKey=${secretKey}&SignatureMethod=HmacSHA256&SignatureNonce=${Math.random()}&SignatureVersion=2&TemplateID=${templateId}&Timestamp=${timestamp}&Version=2017-05-25`); return encodeURIComponent(hmac.digest('base64')); } // 发送短信验证码 function sendSmsCode(code) { const timestamp = new Date().toISOString().replace(/\..+/, '') + 'Z'; const signature = generateSignature(accessKey, secretKey, region, timestamp); const data = { Action: 'SendSms', Version: '2017-05-25', Region: region, PhoneNumber: phoneNumber, SignName: sender, TemplateParam: JSON.stringify({ code }), TemplateID: templateId, SignatureMethod: 'HmacSHA256', SignatureNonce: Math.random(), SignatureVersion: 2, AccessKeyId: accessKey, Timestamp: timestamp, Signature: signature }; const options = { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, hostname: `sms.${region}.myhuaweicloud.com`, path: '/v1.0/sms/send' }; const req = https.request(options, res => { let chunks = ''; res.on('data', chunk => chunks += chunk); res.on('end', () => console.log(chunks)); }); req.on('error', err => console.error(err)); req.write(qs.stringify(data)); req.end(); } // 发送一个随机的6位数验证码 sendSmsCode(Math.floor(Math.random() * 900000 + 100000)); ``` 以上代码通过生成签名字符串、构造请求数据和发送 HTTP 请求三个步骤实现了发送短信验证码的功能。你可以根据自己的需求和具体情况调整代码中的参数和逻辑。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值