---
一、水果小程序配送范围设置
1. 基础配置方式
- 后台手动设置
- 进入小程序管理后台(如微信公众平台或第三方SaaS后台)。
- 找到「配送设置」或「物流管理」模块,选择「配送范围」。
- 方式一:行政区划选择
勾选支持的省、市、区(如“北京市朝阳区”)。
- 方式二:地图画区
使用地图工具(如高德/腾讯地图API)手动绘制多边形区域,适合非规则范围(如商圈、社区)。
- 方式三:半径范围
以门店为中心设置半径(如3公里内配送)。
- 动态规则配置
- 设置配送费梯度:按距离/区域分段计费(如3公里内5元,超范围加收)。
- 配送时间:按区域设置不同送达时段(如“朝阳区1小时达”)。
- 特殊区域:标记禁配区(如偏远山区)或加价区。
2. 技术实现(需开发)
- 前端交互
- 用户输入地址时,调用地图API(如腾讯位置服务)解析地址所属区域。
- 显示配送范围提示(如“该地址支持配送”或“超出范围”)。
- 后端校验
- 用户下单时,后端根据地址坐标或行政区划代码校验是否在配送范围内。
- 示例代码(伪代码):
```javascript
// 校验地址是否在配送范围内
function checkDeliveryArea(address) {
const deliveryZones = ["朝阳区", "海淀区"]; // 示例数据
return deliveryZones.includes(address.district);
}
```
---
二、万象源码部署简单操作
1. 准备工作
- 环境要求
- 服务器:Linux/Windows(推荐CentOS 7+)。
- 数据库:MySQL 5.7+。
- 依赖:Node.js、Nginx、PM2(进程管理)。
- 源码获取
- 从官方渠道下载万象小程序源码包(通常为压缩文件)。
2. 部署步骤
1. 上传源码到服务器
- 使用FTP/SFTP工具将源码上传至服务器目录(如`/var/www/fruit_mall`)。
2. 安装依赖
```bash
cd /var/www/fruit_mall
npm install 安装Node.js依赖
```
3. 配置数据库
- 修改`config/database.js`文件,填入MySQL地址、用户名、密码。
- 导入初始SQL文件(如有):
```bash
mysql -u root -p database_name < init.sql
```
4. 配置小程序
- 修改`config/wx.js`,填入小程序的AppID和AppSecret。
- 配置支付接口(如微信支付商户号和密钥)。
5. 启动服务
- 使用PM2启动Node.js服务:
```bash
pm2 start app.js --name "fruit_mall"
```
6. Nginx反向代理
- 配置Nginx将域名指向Node.js服务(示例):
```nginx
server {
listen 80;
server_name yourdomain.com;
location / {
proxy_pass http://127.0.0.1:3000; Node.js端口
}
}
```
7. HTTPS配置(可选)
- 使用Lets Encrypt免费证书:
```bash
certbot --nginx -d yourdomain.com
```
3. 测试与上线
- 访问域名,检查首页、商品列表、配送范围提示等功能是否正常。
- 提交小程序审核(需在微信公众平台配置合法域名)。
---
三、常见问题
1. 配送范围不生效
- 检查后台配置是否保存成功,确认用户地址解析是否准确。
- 调试时可打印后端校验逻辑的日志。
2. 部署后502错误
- 检查Node.js服务是否启动(`pm2 list`)。
- 查看Nginx错误日志(`/var/log/nginx/error.log`)。
3. 地图画区工具推荐
- 腾讯位置服务「区域选择器」:https://lbs.qq.com/tool/component-picker
- 高德地图「多边形绘制插件」。
---
四、简化建议
- 使用SaaS平台:若技术能力有限,可考虑「微盟」「有赞」等SaaS工具,直接通过后台配置配送范围。
- 开源替代方案:如使用「UniApp+ColorUI」快速开发,配送范围功能可集成地图插件。
---
通过以上步骤,可快速完成水果小程序的配送范围设置及源码部署。如需更详细的配置(如动态定价、多仓库存),需进一步开发后端逻辑。