uni-app中使用unicloud短信验证码（开通、模板报备、使用）

现在Dcloud公司在各方面都在不断完善功能、应用，嫁接一些新技术进来。对一个从事前端开发的程序员，Dcloud公司做的一些东西对于我们前端真的太友好了，首先框架开源，开发时可以引入各种插件，ui视图组件也很丰富。

真的是良心开发商，大赞！！！！

最近，hbuilderx 2.8.11版本正式上线，优化和新增一些功能，里面内容有点多久不一一介绍了，有兴趣的小伙伴可以看一下。

我这里简单介绍一下短信验证码如何使用。

第一步：开通短信服务

请前往Dcloud开发者中心具体详情看官方指南：https://ask.dcloud.net.cn/article/37534
成功时获取到smsKey、smsSecret两个值（下面会用到）
在这里插入图片描述

第二步：短信模板报备

使用 开发者账号邮箱 发送标题为 短信服务模板报备 的邮件，编辑内容为：

DCloud公司：我的应用appid为xxx、应用名称为xxx。
我已开通uniCloud短信服务，现申请为此应用报备短信模板，该模板为验证类短信模板，其内容如下：
【这里填短信签名】验证码： ${code}，用于$ {action}，${expMinute}分钟内有效，请勿泄露并尽快验证。

发送到：[email protected]

大概 0~3个工作日 开发者邮箱会收到DCloud公司回复，样式如下：
在这里插入图片描述

扫描二维码关注公众号，回复： 12044695 查看本文章

第三步：使用
（1）创建云服务（我这里以阿里云为例）
在这里插入图片描述
（2）云服务下面，右键选择新建云函数 sandcode文件：
内容如下：

'use strict';
exports.main = async (event, context) => {
    
    
  try {
    
    
    const res = await uniCloud.sendSms({
    
    
      //smsKey、smsSecret值为开通
      smsKey: 'xxxxxxxxxxxxxxxxxx', 
      smsSecret: 'xxxxxxxxxxxxxxxxxxxxxx',
      phone: '183xxxxxxxx', // 为验证码的接收者号码
      templateId: 'xxxxxxx', // 短信模板id
	  name: 'telcode', // 请注意使用自行申请的模板时必须传name字段，值为报备时填写的应用名称
      data: {
    
    
        code: '123456', // 测试的验证码，可自定义
        action: '注册', // 表明用途
        expMinute: '3', // 有效时间 单位分钟
      }
    })
    // 调用成功，请注意这时不代表发送成功
    return res
  } catch(err) {
    
    
    // 调用失败
    console.log(err.errCode)
    console.log(err.errMsg)
    return {
    
    
      code: err.errCode,
      msg: err.errMsg
    }
  }
};

（3）在uniapp项目的登录页面触发调用云函数

<button type=“default” @tap=“send()”>发送

send() {
    
    
 uniCloud.callFunction({
    
    
 	name: 'sendcode',
	success: (e)=> {
    
    
		console.log('这是发送验证码', e.result);
	}
 })
 }

第四步：测试
此时接收者（我）手机收到一条短信：
在这里插入图片描述

到此，短信验证码分享结束，欢迎大家留言！

uni-app中使用unicloud短信验证码（开通、模板报备、使用）

猜你喜欢