程序员:
你在日常工作中是否想过成为全栈工程师?
是否想过自己搭建一套前端/后端/移动端/小程序的项目?
是否想过一个好几个人分工的项目自己完成会有多酷?
https://域名. wss://域名访问API
准备工作:
1、有一个云服务器
2、安装宝塔面板
3、有一个域名
4、有一个springboot项目
5、ssl证书
一、项目配置
//application.properties. 配置文件
//端口8213随便设置(要在安全组里放行)
server.port=8213
二、nginx配置https
// 443端口要在安全组里放行
server
{
listen 80;
listen 443 ssl http2 ;
server_name nxxxxx.comxx;
location / {
proxy_pass http://127.0.0.1:8213;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
三、请求成功
image.png
四、图片/文件
在我们的开发过程中,除了业务接口访问还涉及到资源文件访问, 那么如何访问服务器的图片?
1、在根目录/www/wwwroot/ 路径下创建一个ftp文件夹userfile
image.png
2、上传一张图片到userfile文件夹下
image.png
3、配置nginx
location /userfile/ {
alias /www/wwwroot/userfile/; # 指定图片存放的实际文件系统路径
autoindex off; # 如果不希望列出目录内容,则设置为off
# access_log /var/log/nginx/userfile_access.log; # 可选:指定访问日志的路径
expires 30d; # 设置缓存时间,这里设置为30天
}
4 、访问成功
image.png
五、websocket长链接wss
1、项目配置不变, 直接更改ngix配置
location /socketServer/ {
proxy_pass http://localhost:8213/socketServer/; # 你的 WebSocket 服务实际运行的地址和端口
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
2、访问:前端项目长链接访问
image.png
3、访问日志结果, 持续的接收到厚度安返回数据
image.png
4、通过小程序实现简单对话
381733107897_.pic.jpg
六、总结
1、当我们在业务上实现了前后端的功能
2、通过https/wss实现了前后端数据互通
3、域名备案
4、我们就实现了完整的业务链条
5、我们就具备了程序商用能力