【苍穹外卖】Day01—Mac前端环境搭建

目录

一、安装Nginx

(一)安装Homebrew

(二)Homebrew安装Nginx

1. 执行安装命令:

2. 验证安装:

(三)启动与停止Nginx

二、配置Nginx

1. 替换nginx.conf

2. 替换html文件夹

三、重启Nginx测试


一、安装Nginx

(一)安装Homebrew

若尚未安装Homebrew,需先执行以下命令(推荐国内用户使用镜像加速):

/bin/bash -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

安装完成后验证:

brew -v  # 输出版本号即成功  [1](@ref) [33](@ref)

(二)Homebrew安装Nginx

1. 执行安装命令

brew install nginx

安装完成后会提示关键路径:

  • 配置文件:/opt/homebrew/etc/nginx/nginx.conf (Intel芯片可能为/usr/local/etc/nginx/nginx.conf
  • 默认网页目录:/opt/homebrew/var/www 可通过brew info nginx查看具体路径

2. 验证安装

nginx -v  # 输出版本号即成功

(三)启动与停止Nginx

  • 启动
brew services start nginx  # 后台服务模式 
  • 停止
brew services stop nginx    # 终止后台服务
  • 重启/重载配置
brew services restart nginx

二、配置Nginx

1. 替换nginx.conf

右键访达,点击前往文件夹

输入nginx配置文件路径 /opt/homebrew/etc/nginx/,回车进入文件夹

把文件夹中的nginx.conf替换成资料里的nginx.conf

资料的nginx.conf:

直接拖到这里,替换

2. 替换html文件夹

前往/opt/homebrew/Cellar/nginx/1.27.5 (后面换成自己安装的版本)

还是把资料里的html文件夹替换这里的html文件夹,就成功了。

三、重启Nginx测试

brew services restart nginx   //重启nginx

打开浏览器输入:localhost:8080,下面页面正常显示代表前端部署成功

完结撒花🎉

### 关于苍穹外卖 Day06 的 Mac 环境教程 目前提供的引用资料涵盖了从环境搭建到登录功能实现的内容,但并未直接提及 **Day06** 的具体教学内容。然而,基于已有的参考资料[^1][^2][^3][^4],可以推测该项目可能涉及更高级的功能开发或优化,例如订单管理、支付集成、权限控制等。 以下是关于 **苍穹外卖 Day06** 可能的教学重点及其在 Mac 系统上的适配建议: #### 一、潜在的技术点分析 根据项目的整体进度推断,Day06 很可能会覆盖以下技术领域之一或多者: - **订单管理系统**: 实现下单、取消订单等功能。 - **支付接口集成**: 如微信支付、支付宝支付的 SDK 集成。 - **性能优化**: 使用 Redis 缓存提升系统响应速度。 - **分布式事务处理**: 解决跨服务数据一致性问题。 - **前端页面增强**: 完善用户界面交互设计。 这些功能通常会涉及到后端逻辑扩展和数据库表结构调整。 #### 二、Mac 环境下的注意事项 对于运行在 Mac 特别是搭载 Apple Silicon (如 M3 芯片) 上的应用程序来说,需要注意以下几个方面: 1. **JDK版本兼容性** - 苍穹外卖项目推荐使用 JDK 17 或以上版本,在安装 OpenJDK/JetBrains Runtime for macOS ARM 架构时需确认其支持情况。 2. **MySQL/MariaDB 数据库设置** - 如果新增加了业务需求(比如订单详情),则需要调整对应的 SQL 表结构并同步更新 MyBatis 映射文件中的字段定义。 ```sql ALTER TABLE `order` ADD COLUMN delivery_address VARCHAR(255); ``` 3. **Redis缓存配置** - 当引入 Redis 来存储高频访问的数据项时,请确保本地已经正确启动 redis-server 并修改 application.yml 中的相关参数。 ```yaml spring: redis: host: localhost port: 6379 timeout: 5000ms ``` 4. **Nginx反向代理与负载均衡** - 继续沿用之前提到过的 Nginx 设置来分流请求流量至不同的微服务实例上。 ```nginx upstream backend { server 127.0.0.1:8081; server 127.0.0.1:8082; } server { listen 80; location /api/ { proxy_pass http://backend/; } } ``` 5. **解决常见错误提示** - 若遇到类似 “Port already in use” 错误,则按照先前描述的方法定位冲突进程号并通过 taskkill 命令终止它: ```bash lsof -i :8080 kill $(lsof -t -i :8080) ``` #### 三、代码片段展示 假设第六天的任务围绕着订单创建展开,那么下面是一个简单的 Controller 方法用于接收 POST 请求并将新记录保存进数据库的例子: ```java @RestController @RequestMapping("/orders") public class OrderController { @Autowired private OrderService orderService; /** * 创建新的订单条目. * * @param dto 订单信息对象 * @return 成功与否的状态码及消息 */ @PostMapping("") public ResponseEntity<String> createOrder(@RequestBody CreateOrderDTO dto){ try{ Long orderId = orderService.create(dto); return new ResponseEntity<>("Created successfully with ID:" +orderId, HttpStatus.CREATED); }catch(Exception e){ return new ResponseEntity<>(e.getMessage(),HttpStatus.INTERNAL_SERVER_ERROR); } } } ``` --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值