我使用的是微信小程序的云開發(fā)這種方式來實現(xiàn)的,純前端操作,無需后端接入。
1,打開微信公眾平臺中的【云開發(fā)】
?2,在概覽里面點擊開通靜態(tài)網(wǎng)站
?3,點擊開通
?4,確定開通,這地方看上去是要收費的,但是第一個月是有免費的額度給你使用的,后期收不收費要通過測試了,實現(xiàn)短信功能到現(xiàn)在為止我還沒有支付一分錢,前期還是可以使用的。
?5,等待幾分鐘過后還要點一次開通,再點下一步,完成這么多操作后靜態(tài)網(wǎng)站就開通成功了。
?6,在你項目的根目錄下,于pages同級目錄下新建一個cloud文件夾,文件名隨意
?7,在project.config.json中加入cloudbaseRoot,后面是你的文件名+/,做完這一步文件就會變成上一步中的云開發(fā)的樣子
?8,右擊你創(chuàng)建的這個文件夾,點擊第一個【同步環(huán)境列表】,然后會出現(xiàn)兩個文件夾
?9,點擊打開第二個文件夾,里面有個functions目錄,
?10,右擊functions,點擊新建Node.js云函數(shù),然后寫個文件名
?11,在index.js中寫入
// 云函數(shù)入口文件
const cloud = require('wx-server-sdk')
cloud.init({
env:cloud.DYNAMIC_CURRENT_ENV
})
// 云函數(shù)入口函數(shù)
exports.main = async (event, context) => {
console.log(event);
console.log(context);
try {
const result = await cloud.openapi.cloudbase.sendSms({
env: '',//在云開發(fā)控制臺中的環(huán)境ID
content: '有內(nèi)奸?。?!停止交易', //短信內(nèi)容
phoneNumberList: [
"+86"+event.name //要發(fā)送的手機號碼,我這是方法中傳過來的號碼,可以先寫死測試
]
})
return result
} catch (err) {
return err
}
}
12,然后右擊文件夾,我這里是圖中的sendSms文件夾,點擊上傳并部署:云端安裝依賴,
sendSms文件中的每次改寫都要上傳一下
13,然后隨便寫一個按鈕嘍,寫個點擊事件,我這里通過for循環(huán)傳參過去可以一次性發(fā)送給多人,這里的改寫不用去上傳。
let phone=['1**********','1**********']
for(let i=0;i<phone.length;i++){
wx.cloud.callFunction({
name:"sendSms", //這個名字要跟上傳并部署的那個文件名一樣
data:{
name:phone[i]
}
}).then(res=>{
console.log("發(fā)送成功",res);
}).catch(err=>{
console.log("發(fā)送失敗",err);
})
}
?14,最后在app.js中加入一串代碼,初始化云函數(shù),寫在onLaunch里面
if (!wx.cloud) {
console.error("請使用 2.2.3 或以上的基礎(chǔ)庫使用云能力")
} else {
wx.cloud.init ({
// env 參數(shù)說明:
// env 參數(shù)決定接下來小程序發(fā)起的云開發(fā)調(diào)用 (wx.cloud.xxx) 會默認請求到哪個云環(huán)境的資源
// 此處請?zhí)钊氕h(huán)境 ID ,環(huán)境 ID 可打開云控制臺查看
// 如不填則使用默認環(huán)境(第一個創(chuàng)建的環(huán)境)
// env: 'my-env-id',
traceUser: true,
})
}
點擊按鈕就可以發(fā)送短信了,有些手機的短信設(shè)置會給你的短信給屏蔽掉,如果控制臺打印發(fā)送成功但沒有收到短信,可以看看手機上短信中的攔截短信里面有沒有。
最好不要一直發(fā)送短信,萬一要收費就靠了。文章來源:http://www.zghlxwxcb.cn/news/detail-490394.html
這個發(fā)送短信功能也可以實現(xiàn)短信獲取驗證碼的操作,無非兩個input框 手機號跟驗證碼,通過傳參,云函數(shù)中的event.鍵值? 接收,然后Math.ceil(Math.random()),獲取0-9 A-B中4個隨機數(shù),傳給云函數(shù),同時保存到data中,然后用正則判斷輸入的驗證碼就可以了。文章來源地址http://www.zghlxwxcb.cn/news/detail-490394.html
到了這里,關(guān)于微信小程序?qū)崿F(xiàn)發(fā)送短信的功能(發(fā)送短信)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!