最近、SMSの検証コードの要件を使用し、小さなプログラムコードを上陸させた、と彼はSMSの確認コードを実装するために、師事すると、まだ非常に簡単にクラウドクラウド開発機能と組み合わせて使用することです。
古いルールは、図の効果を見てください。
これは、送信するプラットフォームメッセージングコードIコール着陸テンセント雲です。実際には、唯一の次のコアコードはあまり
実装する特に簡単感じていない、どのように私は実際には、我々は数行のコードを呼び出すことを、あなたが達成するためにテキストメッセージを送信することができ、言う必要がありますが、監査テンセントクラウドメッセージングテンプレートは、比較的複雑であり、そこに私達は行きますSMSテンプレートの適用、SMSテンプレートは承認後に使用することができます。
我々は、それがコードに実装し、その後、研究対象のSMSテンプレートのためのシンプルなアプリケーションに連れて行く取得しようとしました。
まず、ノードのライブラリをインストール
実際には、我々はここで、我々は機能にクラウドにテキストメッセージを送信するために呼び出している、クラウドクラウド開発機能を使用していました。私たちはSMSを行うので、それでクラウド機能の呼び出しは、ライブラリはテンセントクラウドを送ったテキストメッセージを使用する必要がありますが、このライブラリは、ライブラリノードで、なぜ、あなただけのクラウド内の関数を呼び出すことができます。
このライブラリをインストールする前に、我々はクラウド機能を作成する必要があり、機能上の雲を作成し、実際に、私は何度も言ってきた、学生は自分の歴史のエッセイを見に行く、知らない、私が見てまたは記録されましたビデオクラウド開発入門「5時間はゼロベースのエントリアプレットクラウド開発を、」
私はビデオを記録するために、このセクションをバックアップします。
あなたは、クラウド機能を作成した後、ターミナルを開き、端末を開き、qcloudsms_jsライブラリをインストールするには、ターミナルで次のコマンドを入力して右クリック
npm install qcloudsms_js
我々はライブラリをインストールする前には、ノードのNPM環境変数をダウンロードして設定する必要があり、ここで私はまた記事書かなければならない、注意しなければならない
「の設定nodeJsのインストールとNPM地球環境変数を」
第二に、書き込みクラウド機能
上記のライブラリをインストールした後、我々は雲の関数を書くことができるからです。
実際には、それは、対応する注釈を下回っていると私は書かれている、コードを書くことは非常に簡単です。
ここで、電話番号、およびランダム検証コードが渡された動的に送信します。
第三に、クラウド機能を呼び出します
调用云函数这里也很简单,我们需要传入手机号和验证码
手机号这里,我做了一个输入框,可以动态的输入。验证码的话,我写了一个方法来随机生成数字和字母的组合验证码。
我等下会把完整的代码贴出来给大家。
这样我们输入完手机号以后,点击发送短信按钮,就可以成功的发送短信给到对应的手机号了。
- 可以看到我们生成的随机验证码如下
我们手机接受到的短信验证码如下
这样我们做登陆或者做校验时,用户手机短信收到的验证码,和我们随机生成的验证码一样,即代表用户验证成功。
完整的index.js代码给大家贴出来var 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 phone = '' Page({ //获取随机验证码,n代表几位 generateMixed(n) { var res = ""; for (var i = 0; i < n; i++) { var id = Math.ceil(Math.random() * 35); res += chars[id]; } return res; }, //调用云函数发送短信 sendSMS() { if (phone.length != 11) { wx.showToast({ icon: 'none', title: '输入11位手机号', }) return } let code = this.generateMixed(4) console.log('本地生成的验证码', code) wx.cloud.callFunction({ name: "sendSms", data: { phone: phone, code: code //生成4位的验证码 } }).then(res => { console.log('发送成功', res) }).catch(res => { console.log('发送失败', res) }) }, //获取要发送的手机号 getPhone(event) { console.log(event.detail.value) phone = event.detail.value }, })
index.wxml如下
到这里我们的短信验证码的发送就完整的实现了,是不是很简单。
短信发送参数的设置与获取
首先是去腾讯云自己开通短信功能,然后需要自己去申请模板,填写签名。
我这里把所需要的参数,都给大家标准出来了。大家只需要自己去官网设置对应的模板和签名,然后审核通过后,把对应的参数放到我们的云函数里即可。
短信验证的原理讲解
在网上找了一张短信验证的原理图,如下
大家可以对照这看下,这个原理图。对应的源码我上面其实已经给大家贴出来了。
如果大家觉得不完整,我也已经把完整源码放到网盘里了,有需要的同学可以到我公号里回复“短信”获取源码。
后面我还会分享更多小程序相关的知识点出来,请持续关注。