AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Qt+QtWebApp开发笔记（六）：http服务器html实现静态相对路径调用第三方js文件

2023-06-16 244
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 为了解决调用一些依赖的如echarts等一些js的代码模块引入的问题，就需要静态文件了。本篇解说StaticFileController，在返回的html文本中调用外部js文件，类似的，其他文件都是一样了，只是引入的后缀名不一样。

前言

  前面做了一些交互，网页是直接通过html对response进行返回的，这里QtWebApp与传统的web服务器不同，传统的web服务器可以调用同级目录相对路径或者绝对路径下的js，而QtWebApp的httpserver是response返回当前页面的问题，默认是无法调用的。
  为了解决调用一些依赖的如echarts等一些js的代码模块引入的问题，就需要静态文件了。
本篇解说StaticFileController，在返回的html文本中调用外部js文件，类似的，其他文件都是一样了，只是引入的后缀名不一样。


Demo

  这里是调用静态文件js的
  在这里插入图片描述

  这里是重定向测试的
  在这里插入图片描述


静态文件（重要功能，如调用服务器的js文件等）

  如果QtWebapp无法传递存储在服务器文件夹中的静态文件，那么它将是不完整的。StaticFileController提供了这一功能。但在使用它之前，需要在ini文件中进行一些额外的配置设置：

[files]
path=../docroot
encoding=UTF-8
maxAge=90000
cacheTime=60000
cacheSize=1000000
maxCachedFileSize=65536

  

  • path：设置指定存储静态文件的基本文件夹。它是相对于配置文件的。还可以编写绝对路径名，如“/opt/server/docroot”或“C:/server/docroot”。
  • encoding：encoding参数仅用于.txt和.html文件，用于告诉浏览器这些文件的编码方式。如果同时需要不同的编码，则必须创建StaticFileController的多个实例——每个编码一个。
    其他参数控制高速缓存。首先，应该知道操作系统已经缓存了文件。然而，发现Linux和Windows在处理小文件时都表现不佳。因此，建议使用应用程序内部缓存，但仅适用于小文件。
  • cacheTime：cacheTime控制文件在内存中最多保存多少毫秒。值0表示，只要有足够的空间，文件就会保留在内存中。
  • cacheSize：cacheSize指定允许缓存占用的内存量。一兆字节是一个很好的开始值。如果用户请求的文件不在缓存中，则会删除最旧的文件，为新文件腾出空间。
  • maxCachedFileSize：maxCachedFileSize控制缓存中单个文件的最大大小。web服务器应用程序不会缓存较大的文件。但正如所写的那样，操作系统可以很好地缓存大文件。事实证明，64千字节是一个很好的开始值。
  • maxAge：maxAge参数的含义与cacheTime基本相同，但控制网络浏览器的缓存，而不是服务器。

  需要一个指向StaticFileController实例的全局指针，以便整个程序都可以访问它。首先添加到
global.h:

#ifndef GLOBAL_H
#define GLOBAL_H

#include "httpsessionstore.h"
#include "staticfilefontroller.h"

using namespace stefanfrings;

extern HttpSessionStore* sessionStore;
extern StaticFileController* staticFileController;

#endif // GLOBAL_H

  global.cpp:

#include "global.h"

HttpSessionStore* sessionStore;
StaticFileController* staticFileController;

  在main.cpp中，配置StaticFileController的实例：

int main(int argc, char *argv[])
{
   
   
    QCoreApplication app(argc, argv);
    QString configFileName=searchConfigFile();

    // Session store
    QSettings* sessionSettings=new QSettings(configFileName,QSettings::IniFormat,&app);
    sessionSettings->beginGroup("sessions");
    sessionStore=new HttpSessionStore(sessionSettings,&app);

    // Static file controller
    QSettings* fileSettings=new QSettings(configFileName,QSettings::IniFormat,&app);
    fileSettings->beginGroup("files");
    staticFileController=new StaticFileController(fileSettings,&app);

    // HTTP server
    QSettings* listenerSettings=new QSettings(configFileName,QSettings::IniFormat,&app);
    listenerSettings->beginGroup("listener");
    new HttpListener(listenerSettings,new RequestMapper(&app),&app);

    return app.exec();
}

  现在可以在requestmapper.cpp中使用staticFileController：

#include "requestmapper.h"
#include "httpsession.h"
#include "global.h"

void RequestMapper::service(HttpRequest& request, HttpResponse& response) {
   
   
    QByteArray path=request.getPath();
    qDebug("RequestMapper: path=%s",path.data());

    if (path=="/" || path=="/hello") {
   
   
        helloWorldController.service(request, response);
    }
    else if (path=="/list") {
   
   
        listDataController.service(request, response);
    }
    else if (path=="/login") {
   
   
        loginController.service(request, response);
    }
    else if (path=="/cookie") {
   
   
        cookieTestController.service(request, response);
    }
    else if (path.startsWith("/files")) {
   
   
        staticFileController->service(request,response);
    }
    else {
   
   
        response.setStatus(404,"Not found");
        response.write("The URL is wrong, no such document.");
    }

    qDebug("RequestMapper: finished request");
}

  现在创建文件夹MyFirstWebApp/docroot/files，然后创建一个名为hello.HTML的HTML文件：

<html>
    <body>
        Hello World!
    </body>
</html>

  启动程序并打开http://localhost:8080/files/hello.html.浏览器将接收该文件的内容。
  可以将其他文件（图像、css、javascript…）添加到该文件夹中，如果愿意，还可以创建更多的子文件夹。
  如果出现“找不到文件”错误，调试消息将帮助找出服务器真正试图加载的文件。


HTTP重定向

  有时想将浏览器重定向到另一个页面。这通常用于需要用户登录的网站。如果用户没有登录，他会被重定向到登录页面。当然，匿名用户必须可以访问登录页面本身。
  requestmapper.cpp中的更改：

void RequestMapper::service(HttpRequest& request, HttpResponse& response) {
   
   
    QByteArray path=request.getPath();
    qDebug("RequestMapper: path=%s",path.data());

    QByteArray sessionId=sessionStore->getSessionId(request,response);
    if (sessionId.isEmpty() && path!="/login") {
   
   
        qDebug("RequestMapper: redirect to login page");
        response.redirect("/login");
        return;
    }

    else if (path=="/login") {
   
   
        ...
    }

    else if (path=="/whatever") {
   
   
        ...
    }

    qDebug("RequestMapper: finished request");
}

国际化（ps：在文本中返回中文）

  HTTP服务器总是使用QByteArray而不是QString，原因很简单：性能。整个HTTP协议都是基于8位编码的，所以决定不浪费CPU时间，不必要地来回转换。
但是当然可以使用Unicode。例子：

void UnicodeController::service(HttpRequest& request, HttpResponse& response) {
   
   
    QString chinese=QString::fromUtf8("美丽的花朵需要重症监护");
    response.setHeader("Content-Type", "text/html; charset=UTF-8");
    response.write(chinese.toUtf8(),true);
}

  这是谷歌翻译（不会说中文）提供的“美丽的花朵需要重症监护”的中文翻译。
  从QString到UTF-8的转换并不比到Latin1的转换慢。因此，如果需要，请随时使用Unicode。但千万不要忘记使用QString::fromUtf8。如果只写中文=“美丽的花朵需要重症监护“，只会得到乱码。


Demo增量：实战配置加载静态文件

步骤一：准备代码模板

  准备之前的demo v1.4.0模板：

maxCachedFileSize=65536

步骤二：新增静态文件管理类用于全局使用

  在这里插入图片描述
  在这里插入图片描述

步骤三：新增静态配置

  新增静态配置，路径调整问exe当前的子目录www（符合后端基本习惯）

[files]
path=../www
encoding=UTF-8
maxAge=90000
cacheTime=60000
cacheSize=1000000

步骤四：初始化静态文件

  在这里插入图片描述
  在这里插入图片描述

步骤五：在Index进行路径文件分流

  必须分流，静态文件指示的api和文件是先从处理过程然后再到静态文件管理类的，所以有些是请求数据则需要在代码中处理，这里之前是没有这样做，可查看“入坑一”。
  在这里插入图片描述

  本Demo无法打开跳转的staticFileUserJs，可查看“入坑二”
  本Demo静态文件无法调用js，请查看“入坑三”。


模块化(有一些新增调整)

  在这里插入图片描述


Demo源码

etc/httpServer.ini(新增files)

[listener]
;ip=127.0.0.1
port=8080
readTimeout=60000
maxRequestSize=16000
maxMultiPartSize=10000000
minThreads=4
maxThreads=100
cleanupInterval=60000

[logging]
fileName=../logs/httpserver.log
;fileName=/dev/stdout
minLevel=CRITICAL
bufferSize=100
maxSize=1000000
maxBackups=2
;timestampFormat=dd.MM.yyyy hh:mm:ss.zzz
timestampFormat=yyyy-MM-dd hh:mm:ss.zzz
msgFormat={timestamp} {typeNr} {type} {thread} {msg}
;QT5 supports: msgFormat={timestamp} {typeNr} {type} {thread} {msg}\n  in {file} line {line} function {function}

[files]
path=../www
encoding=UTF-8
maxAge=90000
cacheTime=60000
cacheSize=1000000
maxCachedFileSize=65536

www/index.html(新增文件,静态文件主页)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>长沙红胖子Qt</title>
</head>
<body>
    <p>你好, 长沙红胖子 QQ:21497936 www.hpzwl.com</p>
    <p><a href="helloworld">Hello world!</a></p>
    <p><a href="list">list</a></p>
    <p><a href="login">login</a></p>
    <p><a href="checkState">checkState</a></p>
    <p><a href="staticFileUseJs.html">staticFileUseJs</a></p>
</body>

www/staticFileUseJs.html(新增文件,测试跳转和js调用)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>长沙红胖子Qt</title>
</head>
<body>
    <p><a>这里是检测状态Demo v1.5.0了</a></p>
    <p><a id="dt1">123.567</a></p>
    <p><a id="dt2">123.567</a></p>    
    <p><button onclick="reset()">清空</button></p>
    <p><button onclick="getDt1()">获取</button></p>
    <p><button onclick="doJs()">调用js</button></p>
    <script>
        function reset() {
    
    
            document.getElementById("dt1").innerHTML="---.---";
            document.getElementById("dt2").innerHTML="---.---";
            document.getElementById("dt3").innerHTML="---.---";
        }
        function getDt1() {
    
    

            var xhr = new XMLHttpRequest();
            xhr.open('GET','/checkState/data',true);
            xhr.send();
            xhr.onreadystatechange = function() {
    
    
                if(xhr.readyState === 4 && xhr.status === 200)
                {
    
    
                    document.getElementById("dt1").innerHTML = xhr.responseText;
                }
            }
        }
    </script>
    <!-- 不成功引入js，引入js脚本要script分开，引入失败则进入界面不会弹出alert -->
    <script src="jquery.min.js"></script>
    <script>
        function doJs() {
    
    
            alert($("li")[0]);
        }
    </script>
</body>

StaticFileManager.h(全局使用静态文件消息处理)

#ifndef STATICFILEMANAGER_H
#define STATICFILEMANAGER_H

#include <QObject>
#include <QMutex>

#include "httplistener.h"
#include "staticfilecontroller.h"

using namespace stefanfrings;

class StaticFileManager : public QObject
{
   
   
    Q_OBJECT
private:
    explicit StaticFileManager(QObject *parent = 0);

public:
    static StaticFileManager *getInstance();

public:
    StaticFileController *getStaticFileController() const;

public:
    void setStaticFileController(StaticFileController *pStaticFileController);

private:
    static StaticFileManager *_pInstance;
    static QMutex _mutex;

private:
    StaticFileController *_pStaticFileController;
};


#endif // STATICFILEMANAGER_H

StaticFileManager.cpp

#include "StaticFileManager.h"

#include "IndexRequestHandler.h"
#include "HttpSessionStoreManager.h"

#include <QApplication>
#include <QDir>

#include <QDebug>
#include <QDateTime>
//#define LOG qDebug()<<__FILE__<<__LINE__
//#define LOG qDebug()<<__FILE__<<__LINE__<<__FUNCTION__
//#define LOG qDebug()<<__FILE__<<__LINE__<<QThread()::currentThread()
//#define LOG qDebug()<<__FILE__<<__LINE__<<QDateTime::currentDateTime().toString("yyyy-MM-dd")
#define LOG qDebug()<<__FILE__<<__LINE__<<QDateTime::currentDateTime().toString("yyyy-MM-dd hh:mm:ss:zzz")

StaticFileManager *StaticFileManager::_pInstance = 0;
QMutex StaticFileManager::_mutex;

StaticFileManager::StaticFileManager(QObject *parent)
    : QObject(parent),
      _pStaticFileController(0)
{
   
   

}

StaticFileManager *StaticFileManager::getInstance()
{
   
   
    if(!_pInstance)
    {
   
   
        QMutexLocker lock(&_mutex);
        if(!_pInstance)
        {
   
   
            _pInstance = new StaticFileManager();
        }
    }
    return _pInstance;
}

StaticFileController *StaticFileManager::getStaticFileController() const
{
   
   
    return _pStaticFileController;
}

void StaticFileManager::setStaticFileController(StaticFileController *pStaticFileController)
{
   
   
    _pStaticFileController = pStaticFileController;
}

IndexRequestHandler.h

#ifndef INDEXREQUESTHANDLER_H
#define INDEXREQUESTHANDLER_H

#include "httprequesthandler.h"

#include "HelloWorldRequestHandler.h"
#include "ListRequestHandler.h"
#include "LoginRequestHandler.h"
#include "CheckStateRequestHandler.h"

using namespace stefanfrings;

class IndexRequestHandler : public HttpRequestHandler
{
   
   
public:
    IndexRequestHandler(QObject *parent = 0);

public:
    void service(HttpRequest& request, HttpResponse& response);

private:
    QTextCodec *_pTextCodec;

private:
    HelloWorldRequestHandler _helloWorldRequestHandler;  // hellowold消息处理
    ListRequestHandler _listRequestHandler;              // list消息处理

    LoginRequestHandler _loginRequestHandler;            // login消息处理,Demo v1.3.0

    CheckStateRequestHandler _checkStateRequestHandler;  // checkState实时检测状态
};

#endif // INDEXREQUESTHANDLER_H

IndexRequestHandler.cpp(调整了入口和放开静态文件)

#include "IndexRequestHandler.h"
#include "StaticFileManager.h"

#include <QTextCodec>

#include <QDebug>
#include <QDateTime>
//#define LOG qDebug()<<__FILE__<<__LINE__
//#define LOG qDebug()<<__FILE__<<__LINE__<<__FUNCTION__
//#define LOG qDebug()<<__FILE__<<__LINE__<<QThread()::currentThread()
//#define LOG qDebug()<<__FILE__<<__LINE__<<QDateTime::currentDateTime().toString("yyyy-MM-dd")
#define LOG qDebug()<<__FILE__<<__LINE__<<QDateTime::currentDateTime().toString("yyyy-MM-dd hh:mm:ss:zzz")

using namespace stefanfrings;

IndexRequestHandler::IndexRequestHandler(QObject *parent)
    : HttpRequestHandler(parent)
{
   
   
    // 返回文本(我们需要在浏览器上看，所以将Qt内部编码都转成GBK输出即可，不管他本身是哪个编码）
    // WINDOWS: GBK  GB2312
    // LINUX  : urf-8
//    _pTextCodec = QTextCodec::codecForName("utf-8");
    _pTextCodec = QTextCodec::codecForName("GBK");
}

void IndexRequestHandler::service(HttpRequest &request, HttpResponse &response)
{
   
   


    QString path = request.getPath();
    LOG << path;

    if(path == "/" || path == "/index")
    {
   
   
#if 0
        // index使用代码
        QString str;
        str += "<!DOCTYPE html>"
               "<html lang=\"en\">"
               "<head>"
               "<meta charset=\"UTF-8\">"
               "<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">"
               "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">"
               "<title>长沙红胖子Qt</title>"
               "</head>"
               "<body>"
               "    <p>你好, 长沙红胖子 QQ:21497936 www.hpzwl.com</p>"
               "    <p><a href=\"helloworld\">Hello world!</a></p>"
               "    <p><a href=\"list\">list</a></p>"
               "    <p><a href=\"login\">login</a></p>"
               "    <p><a href=\"checkState\">checkState</a></p>"
               "    <p><a href=\"staticFileUseJs.html\">staticFileUseJs</a></p>"
               "</body>";
        QByteArray byteArray = str.toUtf8();
        response.write(byteArray);
#else
        // index使用文件
        LOG << path;
        StaticFileManager::getInstance()->getStaticFileController()->service(request, response);
#endif
    }else if(path == "/helloworld")
    {
   
   
        _helloWorldRequestHandler.service(request, response);
    }else if(path == "/list")
    {
   
   
        _listRequestHandler.service(request, response);
    }else if(path == "/login" || path == "/login/out")
    {
   
   
        _loginRequestHandler.service(request, response);
    }else if(path == "/checkState" || path == "/checkState/data")
    {
   
   
        _checkStateRequestHandler.service(request, response);
    }else if(   path.startsWith("/staticFileUseJs")
             || path == "/favicon.ico"
             || path.endsWith(".js"))
    {
   
   
        LOG << path;
        StaticFileManager::getInstance()->getStaticFileController()->service(request, response);
    }else {
   
   
#if 0
        LOG;
        response.setStatus(404,"Not found");
        QString str;
        str = "The URL is wrong, no such document.";
        QByteArray byteArray = str.toUtf8();
        response.write(byteArray);
#else
        // 这里进行重定向
        LOG << "重定向至/";
        response.redirect("/");
#endif
    }
}


工程模板v1.5.0

  在这里插入图片描述


入坑

入坑一：直接从listerner切入静态文件后，ajax也是请求路径

问题

  Ajax未代码捕捉，直接入静态文件本身就无法变成api接口了。
  在这里插入图片描述
  在这里插入图片描述

原因

  加载的静态文件，里面请求的任何东西只要调用静态文件处理类来处理，则会都变成本地静态文件（这里静态文件主要是可以调用未传递过去到客户端的文件，如.js文件等）

解决

  先得从一个头部文件开始分流，一开始使用一个自定义的代码消息处理，这个消息处理通过第一层路径或者子路径来判断是否是静态文件，后再扔给静态文件，就可以绕开。
  而接口也是通过路径进行判断，然后用代码进行返回，所以这种开发起来就混合了Qt和httpJs等静态文件了。

入坑二：添加js静态文件后直接跑飞404

问题

  在这里插入图片描述

原因

  去掉js的代码，未恢复正常
  去掉js的文件，未恢复正常
  检查代码发现，是重定向问题
  在这里插入图片描述
  请查询发现，favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站，就是网站的图标。
  没有图标本来为空，而我们没有分流该路径，分流之后还是不行，再测试：
  在这里插入图片描述

  在这里插入图片描述

  经过摸索，还发现：
  在这里插入图片描述
  再后来发现，静态文件这个是文件，需要后缀html，因为我们做qt的这块使用代码api习惯了，导致忽略了这点

解决

  在这里插入图片描述

入坑三：加载了js静态文件未弹窗

问题

  在这里插入图片描述
  但是点击没有弹窗：
  在这里插入图片描述

原因

  检查，未放开.js，加载js没有真的加载进去
  在静态文件分流的地方，放开后缀.js的
  在这里插入图片描述

  还是不行，测试发现必须引入js在单独空的script里面。

解决

  且发现要分开：
  在这里插入图片描述

  在这里插入图片描述

文章标签：
JavaScript
前端开发
Linux
Windows
API
缓存
存储
关键词：
HTML js
HTTP服务器
http云服务器 ECS
开发云服务器 ECS
JavaScript开发
长沙红胖子Qt
目录
相关文章
游客zi3qmblbcdexu
|
4月前
|
JavaScript API
深入探索fs.WriteStream：Node.js文件写入流的全面解析
深入探索fs.WriteStream：Node.js文件写入流的全面解析
游客zi3qmblbcdexu
208 3
Li370234940
|
2月前
|
JavaScript 前端开发 内存技术
js文件的入口代码及需要入口代码的原因
js文件的入口代码及需要入口代码的原因
Li370234940
47 0
六卿
|
3月前
|
前端开发 JavaScript API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容，支持文本类型文件。在文件读取成功后，可以通过onload事件处理函数获取文件内容，然后展示到页面上。
六卿
120 2
前端JS读取文件内容并展示到页面上
html的七十二变
|
2月前
|
移动开发 JavaScript 前端开发
HTML5 服务器发送事件(Server-Sent Events)详解
**服务器发送事件（Server-Sent Events, SSE）** 是一种用于构建单向实时通信的技术，允许服务器主动向客户端（通常是浏览器）推送更新。SSE 提供了一个简单的 API，非常适合实时应用，如新闻更新、天气变化、社交媒体通知等。SSE 基于 HTTP 协议，通过长连接实现数据传输。其主要优点包括简洁的 API、持久连接和自动重连功能。大多数现代浏览器都内置了对 SSE 的支持。通过简单的服务器端和客户端代码，可以轻松实现数据的实时推送和接收。
html的七十二变
77 1
小王老师呀
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
混淆指定js文件
【9月更文挑战第26天】JavaScript 混淆旨在保护代码知识产权、减小文件体积和提高安全性。方法包括变量名和函数名混淆、代码压缩、控制流平坦化及字符串加密。常用工具如 UglifyJS 和 JScrambler 可实现这些功能。然而，混淆可能带来兼容性和调试困难等问题，需谨慎使用并确保法律合规。
小王老师呀
66 5
邹荣乐
|
2月前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中，通过vue.config.js配置和nginx配置，实现多个入口文件的实现方法
vue前端开发中，通过vue.config.js配置和nginx配置，实现多个入口文件的实现方法
邹荣乐
209 0
游客j4mujezz7vm7y
|
3月前
|
移动开发 JavaScript 前端开发
js之操作文件| 12-5
js之操作文件| 12-5
游客j4mujezz7vm7y
44 1
游客zi3qmblbcdexu
|
3月前
|
存储 JSON JavaScript
学习node.js十三，文件的上传于下载
学习node.js十三，文件的上传于下载
游客zi3qmblbcdexu
54 1
yantuguiguziPGJ
|
3月前
|
开发工具 C++
qt开发技巧与三个问题点
本文介绍了三个Qt开发中的常见问题及其解决方法，并提供了一些实用的开发技巧。
yantuguiguziPGJ
97 0
1387503158665997
|
3月前
Qt开发
Qt开发
1387503158665997
99 1

热门文章

最新文章

  • 1
    Node.js 的事件驱动机制
  • 2
    基于 JavaScript/VuePress 搭建的远程工作平台：YuanCheng.works
  • 3
    如何使用内存监控工具来优化 Node.js 应用的性能
  • 4
    js+jquery实现贪吃蛇经典小游戏
  • 5
    在 golang 中执行 javascript 代码的方案详解
  • 6
    Node.js新作《循序渐进Node.js企业级开发实践》简介
  • 7
    Node.js 的性能
  • 8
    基于SVG的js圆形菜单插件
  • 9
    如何使用内存快照分析工具来分析Node.js应用的内存问题？
  • 10
    Next.js 实战 (四)：i18n 国际化的最优方案实践
  • 1
    秒懂HTTPS接口（JMeter压测篇）
    2069
  • 2
    《手把手教你》系列技巧篇（四十三）-java+ selenium自动化测试-处理https 安全问题或者非信任站点-上篇（详解教程）
    134
  • 3
    一文读懂HTTPS⭐揭秘加密传输背后的原理与Nginx配置攻略
    358
  • 4
    HTTPS：如何确保您的网站数据传输安全？
    431
  • 5
    网络原理 HTTP _ HTTPS
    77
  • 6
    C# HttpWebRequest 获取 HTTPS 网页内容
    794
  • 7
    Https中间人攻击
    179
  • 8
    Android中Glide加载Https图片失败的解决方案
    508
  • 9
    [计算机网络]---Https协议
    54
  • 10
    HTTPS代理搭建技巧分享​
    261

    • 相关课程

    更多
  • ECS上云入门三部曲
  • 服务器硬件基础
  • Linux Web服务器Nginx搭建与配置
  • 7天玩转云服务器
  • 云服务器选型、迁云最佳实践
  • 云服务器ECS基本操作

    • 相关电子书

    更多
  • 如何运维千台以上游戏云服务器
  • 网站/服务器取证 实践与挑战
  • ECS块储存产品全面解析

    • 相关实验场景

    更多
  • 使用ECS和RDS搭建个人博客
  • 利用云备份Cloud Backup实现ECS文件备份
  • 基于ECS搭建FTP服务
  • 基于ECS和NAS搭建个人网盘
  • 使用ECS和OSS搭建个人网盘
  • 基于ECS搭建云上博客

    • 推荐镜像

    更多
  • qt
  • python-release
  • kicad
    • 下一篇
    手把手教你白嫖阿里云服务器(免费领服务器)