短信提醒小程序开发制作视频教程89

前言

在日常生活中，我们经常需要给自己或他人发送短信提醒，比如约会提醒、会议提醒、生日提醒等。使用短信提醒小程序，可以方便快捷地实现这些需求，而且还可以自定义提醒内容、时间和频率。下面就为大家分享一个短信提醒小程序的制作视频教程。

制作步骤

一、注册小程序账号

首先，需要注册一个小程序账号。访问微信公众平台官网（/），点击“注册”，按照提示完成注册即可。

二、创建小程序项目

注册成功后，登录微信公众平台，点击“开发”，进入“开发管理”页面。点击“新建项目”，选择“小程序”类型，填写小程序名称和简介，点击“创建”即可。

三、添加云函数

短信提醒功能需要使用到云函数，因此需要先添加云函数。在“开发管理”页面的左侧菜单中，点击“云函数”，再点击“新建云函数”。在弹出的窗口中，选择“空白函数”，并填写函数名称和描述，点击“创建”即可。

四、配置云函数代码

在云函数的代码编辑页面，将以下代码复制粘贴到其中：```
const tencentcloud = require("tencentcloud-sdk-sms");
const client = new ({
credential: {
secretId: "YOUR_SECRET_ID",
secretKey: "YOUR_SECRET_KEY",
},
region: "ap-guangzhou",
profile: {
httpProfile: {
endpoint: "",
},
},
});
// 云函数入口函数
= async (event) => {
const { phone, message } = event;
try {
const response = await ({
PhoneNumberSet: [phone],
TemplateID: "YOUR_TEMPLATE_ID",
TemplateParamSet: [message],
Sign: "YOUR_SIGN_NAME",
});
(response);
return response;
} catch (err) {
(err);
return err;
}
};
```

请将 YOUR_SECRET_ID、YOUR_SECRET_KEY、YOUR_TEMPLATE_ID、YOUR_SIGN_NAME 替换为自己的腾讯云密钥、短信模板 ID 和签名。

五、部署云函数

配置好云函数代码后，点击“保存”按钮，然后点击“部署”按钮，将云函数部署到服务器上。

六、创建小程序页面

在“开发管理”页面的左侧菜单中，点击“页面管理”，再点击“新建页面”。在弹出的窗口中，选择页面类型为“空白页面”，并填写页面名称和路径，点击“创建”即可。

七、配置小程序页面代码

在小程序页面的代码编辑页面，将以下代码复制粘贴到其中：```
Page({
data: {
phone: "",
message: "",
},
inputPhone(e) {
({
phone: ,
});
},
inputMessage(e) {
({
message: ,
});
},
sendSms() {
const { phone, message } = ;
if (!phone || !message) {
({
title: "请输入手机号和提醒内容",
icon: "none",
});
return;
}
({
name: "sendSms",
data: {
phone,
message,
},
}).then((res) => {
if ([0].Code === "Ok") {
({
title: "短信发送成功",
icon: "success",
});
} else {
({
title: "短信发送失败",
icon: "none",
});
}
}).catch((err) => {
({
title: "短信发送失败",
icon: "none",
});
});
},
});
```