Appcan使用Mob短信验证码

<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
    </head>
    <body class="um-vp bc-bg" ontouchstart>
        <div class="btn ub ub-ac bc-text-head ub-pc bc-btn"  id="btn1">
            初始化已完成
        </div>
        <br />
        <div class="sc-bg-active uinput ub ub-f1  bc-border uba">
            <input type="text" class="ub-f1" placeholder="输入手机号"id="phone">
        </div>
        <div class="btn ub ub-ac bc-text-head ub-pc bc-btn"  id="btn2">
            发送验证码
        </div>
        <br />
        <div class="sc-bg-active uinput ub ub-f1  bc-border uba">
            <input type="text" class="ub-f1" placeholder="填写验证码"id="yanzheng">
        </div>

        <div class="btn ub ub-ac bc-text-head ub-pc bc-btn"  id="btn3">
            提交验证码
        </div>

    </body>
    <script src="js/appcan.js"></script>
    <script src="js/main.js"></script>
    <script src="js/appcan.control.js"></script>
    </body>
    <script>
        appcan.ready(function() {
            var params = {
                "uexMobSMS_APPKey" : "2154a551b5a28",
                "uexMobSMS_APPSecret" : "a6d511b5e2cdf78537731e0b1a4ca20b"
            };
            uexMobSMS.init(JSON.stringify(params));
            $toast("初始化成功", 2000)
        });
        var phone = "";
        // appcan.button("#btn1", "ani-act", function() {
        // $toast("初始化成功", 2000)
        // var params = {
        // "uexMobSMS_APPKey" : "2154a551b5a28",
        // "uexMobSMS_APPSecret" : "a6d511b5e2cdf78537731e0b1a4ca20b"
        // };
        // uexMobSMS.init(JSON.stringify(params));
        // })

        appcan.button("#btn2", "ani-act", function() {
            phone = $(‘#phone‘).val();
            //alert(phone)
            var params = {
                "phoneNum" : phone,
                "countryCode" : "86"
            };
            uexMobSMS.sendCode(JSON.stringify(params));
            uexMobSMS.cbSendClick = function(data) {
                if (JSON.stringify(data)) {
                    $toast("验证码发送成功,请在120s内验证", 2000)
                } else {
                    $toast("验证码发送失败", 2000)
                }
            }
        })
        appcan.button("#btn3", "ani-act", function() {
            var yanzheng = $(‘#yanzheng‘).val();
            //alert(yanzheng + "===" + phone)
            var params = {
                "phoneNum" : phone,
                "countryCode" : "86",
                "validCode" : yanzheng
            };
            uexMobSMS.commitCode(JSON.stringify(params));
            uexMobSMS.cbCommitClick = function(data) {
                if (JSON.stringify(data)) {
                    $toast("验证成功", 2000)
                } else {
                    $toast("验证失败", 2000)
                }
            }
        })

    </script>
</html>

插件收藏。。

时间: 2024-08-28 11:00:57

Appcan使用Mob短信验证码的相关文章

Android开发:app工程集成mob短信验证码功能

一.前言 现在的app基本上都需要用到短信功能,注册时或者有消息通知时需要给用户发送一条短信,但是对于个人开发者来说,去买第三方的短信服务实在是有点奢侈,很好的是mob为我们提供了免费的短信验证码服务功能,我不是打广告,的确觉得这项服务很不错.那么下面就简单讲一下如何在自己的工程里集成mob的短信功能,其实整个流程并不复杂,只是个人觉得mob的官方文档有点小乱,官方Demo也有点小复杂,同时有一些细节地方容易被忽视,也会导致一些问题. PS:太喜欢mob的logo了. 二.实现过程 本篇只涉及A

android_app开发集成mob短信验证码功能

一.前言 现在的app基本上都需要用到短信功能,注册时或者有消息通知时需要给用户发送一条短信,但是对于个人开发者来说,去买第三方的短信服务实在是有点奢侈,很好的是mob为我们提供了免费的短信验证码服务功能,我不是打广告,的确觉得这项服务很不错.那么下面就简单讲一下如何在自己的工程里集成mob的短信功能,其实整个流程并不复杂,只是个人觉得mob的官方文档有点小乱,官方Demo也有点小复杂,同时有一些细节地方容易被忽视,也会导致一些问题. PS:太喜欢mob的logo了. 二.实现过程 本篇只涉及A

mob短信验证码SMSSDK的使用

版权声明:本文是博主原创文章,未经博主允许的情况下请勿随便转载. 首先,很多第三方短信验证码都可以,为什么我要选择mob的呢? 因为mob 的短信验证码是完全免费,完~全~免~费~,所以老大就让我用它 其实,个人感觉mob 的短信验证发生时间很不稳定,会延迟,而且未审核之前一个手机号一天只允许请求5次,一个mob账号一天最多发送20次. 使用起来效率可能会相对比较低,但是,它是完~全~免~费~的~~~ 请求流程: 1. 以用户提供的手机号码作为参数,请求连接到SMSSDK的服务器 2. SMSS

iOS开发——App集成短信验证码

无论是在网页上还是在客户端,每当我们进行注册的时候,往往会进行短信或者邮箱验证,这是一种不错的安全机制.对于用户体验来说,如果是在PC的网页上,用邮箱或者短信验证都比较方便:如果是在手机上,那么使用短信验证就比较方便.这篇博客我们将会在iOS应用中实现短信验证码的功能.实例demo我已经集成到  https://github.com/chenyufeng1991/iOS-Oncenote . 这里我将会使用mob 的短信验证码 SDK来开发.官网地址为: http://www.mob.com/#

sharesdk短信验证码的集成

在ShareSDK官网http://mob.com/注册并创建Android应用.申请APP_key,下载SDK等 根据官网开发文档导入SDK,目录结构如下 将以上文件按需放入Android Studio项目所要使用SMSSDK的Module所在的Libs里面,再在Module的build.gradle里面将libs加入仓库(repositories),然后添加依赖(dependencies )示例如下: repositories{ flatDir{ dirs 'libs' //就是你放aar的

ShareSDK短信验证码集成详细步骤

1.这里使用的是ShareSDK网的短信验证码SDK  官网 http://www.mob.com 先去http://www.mob.com/#/reg 注册成为开发者 填写相应的信息,邮箱账号,然后激活完成 创建好账户激活之后 2.登陆,点击页面右上角的头像按钮—>进入后台. 图1 3.点击进入后台然后出现的是这样的界面 图2 我这里点击已经创建过一个了显示的是图2,如果没有创建过应用,我们这里显示的是 图3样式的, 然后根据图四填写相应的内容,我们这里是短信验证码选择第二个 Security

Mob短信验证的具体使用

原文著作权地址:http://www.jb51.net/article/84946.htm 一.前言 现在的app基本上都需要用到短信功能,注册时或者有消息通知时需要给用户发送一条短信,但是对于个人开发者来说,去买第三方的短信服务实在是有点奢侈,很好的是mob为我们提供了免费的短信验证码服务功能,我不是打广告,的确觉得这项服务很不错.那么下面就简单讲一下如何在自己的工程里集成mob的短信功能,其实整个流程并不复杂,只是个人觉得mob的官方文档有点小乱,官方Demo也有点小复杂,同时有一些细节地方

利用网络短信验证码接口实现手机短信轰炸 (历史代码,贴出学习)

//resource.h //{{NO_DEPENDENCIES}} // Microsoft Visual C++ generated include file. // #define IDD_DLG_PROC 101 #define IDR_BIT1 102 #define IDB_BITMAP1 103 #define IDI_ICON1 104 #define IDC_BTN_SEND 1001 #define IDC_LIST_VIEW 1002 #define IDC_EDIT_PH

实现短信验证码

朋友让帮忙做一个短信验证码工具,对此有了初体验. 1. 编码转换:字符集必须是GB2312格式,字符必须用UrlEncode进行编码. $sms = "短信验证码:2312[大象投资]"; // utf8 echo urlencode(mb_convert_encoding($sms,'gb2312','utf-8')); 2. 通知类短信,如果没有备案,晚上.周末等非工作时间不能发送,必须白天发送,因为那时候才有人工审查. 3. 验证码类短信,随便发,没有太多限制. 了解到上面的内容