uni-app 定制指定手机号自定义短信发送 SMS

在uni-app中实现向指定手机号发送自定义短信（SMS），通常需要借助第三方短信服务提供商（如阿里云短信服务、腾讯云短信服务等）。以下是一个使用阿里云短信服务的示例代码，展示如何在uni-app中实现自定义短信发送功能。

准备工作

1. 注册并开通阿里云短信服务：在阿里云控制台开通短信服务，并获取AccessKeyId、AccessKeySecret和AppKey。
2. 添加短信签名和模板：在阿里云短信服务控制台添加短信签名和短信模板，获取模板CODE。

示例代码

首先，确保在uni-app项目中安装了ali-oss-sdk（阿里云官方SDK），你可以通过npm安装：

npm install ali-oss-sdk --save

然后，在pages/index/index.vue中编写以下代码：

<template>
  <view>
    <input v-model="phoneNumber" placeholder="请输入手机号" />
    <input v-model="templateParams" placeholder="请输入模板参数" />
    <button @click="sendSMS">发送短信</button>
  </view>
</template>

<script>
import AliOSS from 'ali-oss-sdk';

export default {
  data() {
    return {
      phoneNumber: '',
      templateParams: '',
      client: null,
    };
  },
  mounted() {
    // 初始化阿里云短信服务客户端
    const accessKeyId = 'your-access-key-id';
    const accessKeySecret = 'your-access-key-secret';
    const region = 'cn-hangzhou'; // 短信服务区域
    this.client = new AliOSS({
      region,
      accessKeyId,
      accessKeySecret,
      product: 'Dysmsapi', // 产品名称
    });
  },
  methods: {
    async sendSMS() {
      const appKey = 'your-app-key';
      const templateCode = 'your-template-code';
      const signName = 'your-sign-name';

      try {
        const result = await this.client.request({
          action: 'SendSms',
          version: '2017-05-25',
          protocol: 'HTTPS',
          pathname: '/',
          method: 'POST',
          query: {
            RegionId: 'cn-hangzhou',
            PhoneNumbers: this.phoneNumber,
            SignName: signName,
            TemplateCode: templateCode,
            TemplateParam: JSON.stringify({ code: this.templateParams }),
          },
        });

        console.log('短信发送结果:', result);
      } catch (error) {
        console.error('短信发送失败:', error);
      }
    },
  },
};
</script>

注意事项

1. 安全性：不要在生产环境中硬编码AccessKeyId和AccessKeySecret，建议使用阿里云RAM角色或STS临时授权。
2. 短信费用：阿里云短信服务会按条收费，请确保了解相关费用标准。
3. 模板参数：TemplateParam需要按照模板中定义的参数格式进行传递。

通过上述代码，你可以在uni-app中实现向指定手机号发送自定义短信的功能。