IP+端口-->https/wss+域名访问API接口数据

程序员：
你在日常工作中是否想过成为全栈工程师？
是否想过自己搭建一套前端/后端/移动端/小程序的项目？
是否想过一个好几个人分工的项目自己完成会有多酷？

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

381733107897_.pic.jpg

六、总结
1、当我们在业务上实现了前后端的功能
2、通过https/wss实现了前后端数据互通
3、域名备案
4、我们就实现了完整的业务链条
5、我们就具备了程序商用能力