搜索短信验证码短信验证码代码平台( 二 )

3-1 ，初始化云开发环境id新建一个和pages平级的目录cloud ，用于存放云函数
然后在project.config.json里添加cloudfunctionRoot选项。
然后对cloud选择当前环境
在app.js里配置环境变量
这个env环境id需要你去云开发控制台获取
3-2 ，创建云函数右键cloud目录，新建Node.js云函数
然后新建一个云函数，名字你可以自定随便定。我这里用sendSms
3-3 ，编写云函数我这里把代码贴给大家，记得把env和接收短信的手机号换成你自己的。
const cloud = require('wx-server-sdk')cloud.init({env: cloud.DYNAMIC_CURRENT_ENV})exports.main = async (event, context) => {try {const result = await cloud.openapi.cloudbase.sendSms({env: 'xiaoshitou-zfl2q',content: '编程小石头发布了新的能力',phoneNumberList: ["+8615611823564"]})return result} catch (err) {return err}}3-4 ，部署云函数上面云函数编写好了，一定要记得部署下云函数。右键sendSms然后点击下面箭头所示的即可。
上传部署成功后，会有下面这样的提示
四，调用云函数发送短信我们上面云函数编写并部署成功以后，就可以来调用这个云函数，发送短信了。
4-1 ，编写wxml文件在wxml文件里写一个button按钮，编写一个bindtap点击事件
4-2 ，编写js文件在js文件里实现上面button的点击事件，然后调用云函数
调用云函数时，一定要记得这里的name必须和你的云函数名一模一样。
4-3 ，点击发送短信点击发送短信
点击发送短信以后，可以看到日志里打印openapi.cloudbase.sendSms:ok这就代表发送成功了。然后再看下手机，收到下面的短信。
到这里我们的短信发送功能就完整地实现了。其实到这里该实现的功能，就已经实现了。但是我们使用短信场景更多的是用短信发送验证码。所以接下来给大家做一个发送短信验证码的例子出来
实战案例~发送验证码短信老规矩，先看效果图
我们只需要获取用户输入的手机号，然后点击获取验证码，最后输入短信里接收到的验证码，进行验证即可。
1 ，编写wxml页面比较简单，就两个输入框和两个按钮
2 ，编写jsjs里主要是获取用户输入的手机号，然后发送验证码，发送验证码调用云函数实现短信验证码发送功能。用户输入验证码以后进行校验即可。
3 ，发送短信验证码用户输入手机号以后，点击发送，可以看到我们手机上收到了如下短信。
然后用户输入获取到的验证码，点击验证。
可以看到验证成功，验证成功以后后面的操作就可以自己定了，比如验证成功以后跳转到登录成功页。
到这里我们就实现了验证码发送功能了。
生成随机验证码的方法我这里把生成随机验证码的方法贴给大家。
//获取随机验证码， n代表几位generateMixed(n) {let chars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];let res = "";for (var i = 0; i < n; i++) {var id = Math.ceil(Math.random() * 35);res += chars[id];}return res;}

以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：

搜索短信验证码 短信验证码代码平台( 二 )

搜索短信验证码短信验证码代码平台( 二 )