AI摘要
短信宝API提供简单高效的短信发送功能，支持免登录、多签名、模板丰富、实时反馈和余额监控。项目包含短信发送、余额查询和模板库管理等功能，技术架构包括前端HTML5、CSS3、JavaScript和后端PHP、JSON、HTTP API。
📱 短信宝API对接发送信息
基于Gitee开源项目，实现简单高效的短信发送功能
## 🎯 项目亮点
- ✅ **免登录发送**: 直接调用API接口，无需复杂认证
- ✅ **多签名支持**: 支持多个业务签名切换
- ✅ **模板丰富**: 18个预设业务模板
- ✅ **实时反馈**: 发送结果即时显示
- ✅ **余额监控**: 自动查询短信剩余条数
🎨 界面预览
🚀 核心功能
📤 短信发送功能
**功能特色：**
- 🎯 **多签名支持**: 【寻鲸网科】、【号卡平台】等多个业务签名
- 🔧 **模板变量**: 支持`{num}`、`{code}`、`{var}`等动态变量替换
- 📱 **手机号验证**: 正则表达式验证手机号格式（支持+86等国际格式）
- 📝 **内容限制**: 最大300字符限制
- ⚡ **实时反馈**: 发送结果可视化展示
💰 余额查询功能
**查询特色：**
- 🔄 **自动刷新**: 每30秒自动更新余额信息
- ⚠️ **错误处理**: 网络异常时显示友好提示
- 📊 **多种查询**: 提供完整API响应和简化余额显示
📋 模板库管理
**模板特色：**
- 📚 **18个模板**: 涵盖转账通知、订单处理、异常提醒等场景
- 🔍 **智能搜索**: 支持模板标题和描述的关键词搜索
- ⚡ **一键填充**: 点击模板自动填充到短信内容
- 📂 **分类管理**: 按业务类型分类展示
🛠️ 技术架构
💻 前端技术
| 技术 | 用途 | 版本 |
|---|---|---|
| HTML5 | 页面结构 | 最新 |
| CSS3 | 样式设计 | 最新 |
| JavaScript | 动态交互 | ES6+ |
| AJAX | 异步通信 | 原生 |
| Material Design | UI设计规范 | Google官方 |
🔧 后端技术
| 技术 | 用途 | 说明 |
|---|---|---|
| PHP | 服务器端处理 | 7.0+ |
| JSON | 数据交换 | 标准格式 |
| HTTP API | 短信服务集成 | 短信宝(SMSBao) |
📁 项目结构
duanxin/
├── index.html # 🏠 主界面文件
├── sms_send.php # 📤 短信发送处理
├── balance.php # 💰 余额查询API
├── query.php # 🔍 简单余额查询
├── css/
│ └── duanxin.css # 🎨 样式文件
└── README.md # 📖 项目说明文档🎯 业务模板分类
💳 转账通知类
**🏦 银行卡转账通知**
```
【{sign}】您的银行卡收到转账{num}元，余额{var}元。如非本人操作，请及时联系客服。
```
**💰 支付宝转账通知**
```
【{sign}】支付宝到账{num}元，余额{var}元。支付宝让信任更简单。
```
📦 订单管理类
**📊 订单结算到账通知**
```
【{sign}】订单{num}已结算，到账{var}元，余额{code}元。感谢您的支持！
```
**⚠️ 订单异常通知**
```
【{sign}】订单{num}出现异常，请及时处理。异常原因：{var}
```
📱 业务提醒类
**📦 号卡发货通知**
```
【{sign}】您的号卡{num}已发货，快递单号：{var}，请注意查收。
```
**✅ 手机卡激活提醒**
```
【{sign}】手机卡{num}已激活成功，套餐：{var}，有效期：{code}
```
⚡ 状态码说明
| 状态码 | 含义 | 图标 | 处理建议 |
|--------|------|------|----------|
| **0** | ✅ 发送成功 | ✨ | 正常完成 |
| **-1** | ❌ 参数不全 | ⚠️ | 检查必填项 |
| **-2** | ⚠️ 服务器不支持CURL | 🔧 | 联系技术支持 |
| **30** | 🔒 密码错误 | 🚫 | 检查API密码 |
| **40** | ❌ 账号不存在 | 👤 | 检查账号名 |
| **41** | ⚠️ 余额不足 | 💰 | 及时充值 |
| **42** | ⏳ 账户已过期 | 📅 | 续费账户 |
| **43** | 🌐 IP限制 | 🔒 | 联系客服解绑 |
| **50** | 🚫 含敏感词 | ✏️ | 修改短信内容 |
🎨 设计特色
🌈 视觉设计
**🎨 CSS变量定义**
```css
:root {
--primary-color: #2196F3;
--success-color: #4CAF50;
--error-color: #f44336;
--warning-color: #FF9800;
--bg-gradient: linear-gradient(135deg, #2196F3 0%, #21CBF3 100%);
}
```
**✨ 设计特点**
- 🎨 **渐变背景**: 蓝色渐变主题
- 📦 **卡片布局**: Material Design卡片风格
- 🎬 **动画效果**: 脉冲动画、悬停效果
- 📱 **响应式网格**: 自适应模板网格布局
🔗 源码获取
### 📥 下载地址
**Gitee仓库**: [https://gitee.com/xunjinlu/sms-treasure-api-docking](https://gitee.com/xunjinlu/sms-treasure-api-docking)
**克隆命令**:
```bash
git clone https://gitee.com/xunjinlu/sms-treasure-api-docking.git
```
🚀 快速部署
### 📋 部署步骤
1. **📥 下载源码**: 从Gitee仓库克隆项目
2. **⚙️ 配置参数**: 修改`sms_send.php`中的API账号密码
3. **📤 上传文件**: 将文件上传到PHP服务器
4. **🔧 权限设置**: 确保文件有正确的读写权限
5. **✅ 测试使用**: 访问index.html开始使用
### ⚠️ 环境要求
- **🐘 PHP版本**: 7.0或更高版本
- **🌐 服务器**: 支持CURL扩展
- **🔌 网络**: 能够访问短信宝API服务器
💡 使用技巧
### 🎯 最佳实践
1. **📱 手机号格式**: 支持`13800138000`和`+8613800138000`格式
2. **📝 模板变量**: 合理使用`{num}`、`{code}`、`{var}`等变量
3. **💰 余额监控**: 定期查询余额，避免发送失败
4. **⚡ 发送频率**: 控制发送频率，避免被限制
### 🔧 自定义配置
**修改签名**: 在模板中替换`{sign}`为你自己的签名
**扩展模板**: 在JavaScript数组中添加新的业务模板
**样式定制**: 修改CSS文件中的颜色变量
⚠️ 注意事项
🔔 重要提醒
- 🔐 API安全: 妥善保管API账号密码，不要暴露在客户端
- 📊 内容规范: 遵守短信发送规范，避免发送垃圾短信
- 💰 费用控制: 关注账户余额，及时充值避免服务中断
- 📱 签名备案: 确保使用的签名已在短信宝平台备案
🎯 总结
### ✨ 核心优势
- **🚀 简单易用**: 一行代码即可发送短信
- **📚 模板丰富**: 18个预设模板覆盖大部分场景
- **💰 成本低廉**: 按需付费，无月租费用
- **⚡ 实时到账**: 发送结果即时反馈
- **📱 全平台**: 支持各种设备和浏览器
**💡 立即部署，让你的应用拥有专业的短信通知功能！**
🔗 项目地址: https://gitee.com/xunjinlu/sms-treasure-api-docking
