day9 next商业项目初探·五（java转ts全栈/3R教室）

背景：从头一点点学起太慢了，直接看几个商业项目吧，看看根据Java的经验，自己能看懂多少，然后再系统学的话也会更有针对性。今天看下一个项目 huanghanzhilian/c-shopping: A beautiful shopping platform developed with Next.js, tailored for various devices including Desktop, Tablet, and Phone. 基于Nextjs开发同时适配Desktop、Tablet、Phone多种设备的精美购物平台 (github.com)
项目启动与数据库安装：install之后，数据库是mangodb的需要安装一下 Docker基础：docker 安装mongodb-腾讯云开发者社区-腾讯云 (tencent.com)
- 新建了一个库，没有初始化脚本，启动会自动创建的。
- mongodb数据库的连接格式：‘mongodb://yourUsername:yourPassword@127.0.0.1:27017/yourDatabaseName?authSource=admin’;
文件服务器OSS：通过管理端添加数据，商品图片上传需要个阿里的oos图片服务器阿里云——OSS的创建和使用_阿里云oss创建-CSDN博客，这个需要交钱，可以试用下。配置相关参数后即可使用。以下为调试过程遇到的错误。
- 需要在用户哪添加OSS权限，不然会报错 no permission
- 遇到报错 Error: The region must be conform to the specifications。这里region参数是region id 我写成endpoint了。OSS访问域名和数据中心_对象存储(OSS)-阿里云帮助中心 (aliyun.com)
- 另外页面报错 XHR error (req “error”), PUT http://wangc-img.oss-cn-beijing.aliyuncs.com/shopping/products/1_gv7B-rIvJUOmdoNLOeK.webp -1 (connected: false, keepalive socket: false) headers: {} ，需要设置下跨域 [JS使用OSS上传文件遇到的一些问题_requesterror: xhr error (req “error”)-CSDN博客
- 上传OSS成功后，数据库没更新，报错⨯ upstream image response failed for http://xxxxxxx 403。设置bucket为共有读权限，ok了如何解决通过HTTP请求存储在OSS的图片时出现403错误-阿里云帮助中心 (aliyun.com)
效果展示：
另外遇到个有意思的事情，部署到服务器上之后，第二天mangodb数据库竟然被黑了；这个幸好只是个测试库，没啥数据。之后一定要注意密码强度，另外就不要对外开放数据库端口，注意网络安全问题。