使用apicloud实现注册功能和短信验证功能

最新推荐文章于 2023-06-26 15:05:22 发布

樱木_花道

最新推荐文章于 2023-06-26 15:05:22 发布

阅读量3.9k

点赞数 3

分类专栏： apicloud 文章标签： apicloud 短信注册

本文链接：https://blog.csdn.net/qq_33824364/article/details/52017276

版权

本文详细介绍了如何使用APICloud构建注册页面，加载短信模块，并实现短信验证码功能。步骤包括创建APICloud项目，设计注册界面，判断输入内容，与服务器交互以及在Mob短信平台上注册应用，配置APICloud的smsVerify模块，实现短信发送和智能验证。验证码有效期为5分钟，注意iOS上架时的IDFA问题。

摘要由CSDN通过智能技术生成

一、建立注册页面

1.首先打开APICloudStudio,新建apicloud项目，选择空百应用。
2.然后写注册页面，截图如下:

这里写图片描述

二、加载短信模块和使用短信验证码功能

var isinerval, times;
        var smsVerify = null;

        apiready = function() {
   
            api.parseTapmode();
            smsVerify = api.require('smsVerify');
            // 初始化
            register();
        }
        // 注册，初始化
        function register() {
   
            smsVerify.register(function(ret, err) {
   
                if (ret.status) {
                    //api.alert({msg: '注册成功'});
                    console.log('注册成功');
                } else {
                    api.alert({
                        msg : err.code + ' 注册失败'
                    });
                }
            });
        }

// 发短信验证码
        function sms() {
   
            var mobile = document.getElementById("mobile").value;
            smsVerify.sms({
                phone : mobile,
            }, function(ret, err) {
   
                if (ret.status) {
                    // 新增的安卓智能验证功能
                    api.alert({
                        msg : '短信发送成功'
                    });
                    var sendVerify = $api.byId('sendVerify');
                    var status = $api.attr(sendVerify, 'status');

                    if (status != 1) {
                        return;
                    }

                    $api.removeAttr(sendVerify, 'onclick'</