Inhaltsverzeichnis
下载脚本 
自动关联到nginx
Skript herunterladen
Heim Web-Frontend H5-Tutorial Erfahren Sie Schritt für Schritt, wie Sie https und http2 für Ihre Website aktivieren (mit Code).

Erfahren Sie Schritt für Schritt, wie Sie https und http2 für Ihre Website aktivieren (mit Code).

Sep 01, 2021 am 11:09 AM
h5 http 前端

Im vorherigen Artikel „Eine kurze Analyse der Installation und Verwendung von Nginx (Sammlung)“ habe ich Ihnen die Installation und Verwendung von Nginx vorgestellt. Im folgenden Artikel erfahren Sie, wie Sie https und http2 für die Site aktivieren. Sehen wir uns an, wie das gemeinsam geht.

Erfahren Sie Schritt für Schritt, wie Sie https und http2 für Ihre Website aktivieren (mit Code).

In diesem Artikel wird hauptsächlich beschrieben, wie https und http2 für die Site aktiviert werdenhttpshttp2

Erfahren Sie Schritt für Schritt, wie Sie https und http2 für Ihre Website aktivieren (mit Code).

本篇文章主要介绍了如何给站点开启httpshttp2

给站点开启https比较简单以本站Linux + nginx为例

3条命令即可

下载脚本 

wget https://dl.eff.org/certbot-auto
chmod a+x certbot-auto
Nach dem Login kopieren

自动关联到nginx

$sudo ./certbot-auto --nginx
```sh

## 检查证书有没有过期
Nach dem Login kopieren

$sudo ./certbot-auto renew --dry-run

## 如果过期了就自动续订

```sh
$sudo ./certbot-auto renew
Nach dem Login kopieren

假如提示如下错误代码

UnicodeDecodeError: ‘ascii’ codec can’t decode byte 0xc3 in position 5: ordinal not in range(128)是因为nginx的配置文件存在中文字符,把中文改成英文即可

或者可以自行查找

grep -r -P '[^\x00-\x7f]' /etc/nginx /etc/letsencrypt
Nach dem Login kopieren

好了,现在打开nginx配置看下

listen 443 ssl http2;
ssl on;
ssl_certificate /etc/letsencrypt/live/chuchur.com/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/chuchur.com/privkey.pem;
include /etc/letsencrypt/options-ssl-nginx.conf;
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem;

if ($scheme != "https") {

    return 301 https://$host$request_uri;

} # managed by Certbot
Nach dem Login kopieren

注意 nginx 版本太低是无法开启的,首先要升级 nginx 版本,以 centos 为例

修改/etc/yum.repos.d/nginx.repo的nginx仓库地址

[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/mainline/centos/$releasever/$basearch/
gpgcheck=0
enabled=1
Nach dem Login kopieren

如果还没有安装 nginx,直接执行 yum install nginx,如果已经安装了,则可以通过 yum clean all && yum update nginx 升级。

建议先停掉nginx暴力停止killall nginx, 然后卸载掉yum remove nginx之后再重新安装yum install nginx

Ubuntu / Debian升级HTTP/2

首先修改apt仓库源/etc/apt/source.list的地址,增加下面两行仓库。

deb http://nginx.org/packages/mainline/debian/ codename nginx
deb-src http://nginx.org/packages/mainline/debian/ codename nginx
Nach dem Login kopieren

接下来执行

apt-get clean && apt-get install nginx
Nach dem Login kopieren

好了,现在成功了开启了https了,443 ssl 后面那个http2,就是开启了http2

最后重启nginx

nginx -s reload
Nach dem Login kopieren

刷新页面发现网址前面加了一把锁就表示https开启成功了

如何验证开启了http2呢 你打开要验证的网址等加载完成后,新开一个tab输入chrome://net-internals/#http2

WeChat Screenshot_20210901105618.jpg

In diesem Artikel wird hauptsächlich beschrieben, wie Sie https und <code>http2

Es ist relativ einfach, https für die Site zu aktivieren. Nehmen Sie die Linux + nginx dieser Site als Beispiel

3 Befehle

Skript herunterladen

rrreee

Automatisch mit nginx

rrreee verknüpfen$sudo ./certbot-auto renew --dry-run rrreee🎜Wenn der folgende Fehlercode angezeigt wird 🎜🎜🎜UnicodeDecodeError: 'ascii' codec can't decode byte 0xc3 in position 5: ordinal not in range(128) liegt an nginx Es gibt chinesische Zeichen in der Konfigurationsdatei von code> Ändern Sie einfach das Chinesische in Englisch🎜🎜oder Sie können es selbst suchen🎜rrreee🎜Okay, öffnen Sie jetzt die <code>nginx-Konfiguration und nehmen Sie eine Look🎜rrreee🎜🎜Beachten Sie, dass die Nginx-Version zu niedrig ist. Sie kann nicht geöffnet werden. Zuerst müssen Sie die Nginx-Version am Beispiel von Centos aktualisieren. Ändern Sie die nginx-Warehouse-Adresse von /. etc/yum.repos.d/nginx.repo🎜rrreee🎜🎜Wenn Nginx noch nicht installiert ist, führen Sie yum install nginx direkt aus. Wenn es bereits installiert ist, können Sie es über yum clean all && yum update nginx aktualisieren. 🎜🎜🎜Es wird empfohlen, <code>nginx gewaltsam zu stoppen killall nginx, dann yum remove nginx zu deinstallieren und dann yum install nginx 🎜🎜<strong>Ubuntu/Debian-Upgrade HTTP/2</strong>🎜🎜Ändern Sie zunächst die <code>apt Warehouse-Quelle /etc/apt/source.list Adresse , fügen Sie die folgenden zwei Zeilen für das Lager hinzu. 🎜rrreee🎜 Als nächstes ausführen 🎜rrreee🎜Okay, jetzt wurde https erfolgreich aktiviert, 443 ssl und letzteres http2 http2🎜🎜Starten Sie nginx abschließend neu🎜rrreee🎜Aktualisieren Sie die Seite und stellen Sie fest, dass sich vor der URL ein Schloss befindet, was bedeutet, dass https erfolgreich geöffnet wurde🎜🎜So überprüfen Sie das http2 Anschließend öffnen Sie die zu verifizierende URL und warten, bis diese geladen ist. Öffnen Sie einen neuen <code>Tab und geben Sie chrome://net-internals/#http2 und drücken Sie die Eingabetaste🎜🎜Wenn Sie die IP, die Ihrer URL entspricht, in der Liste finden, wird angezeigt, dass sie erfolgreich geöffnet wurde. 🎜🎜Verwenden Sie natürlich Google Chrome 🎜🎜【Ende】🎜🎜Empfohlenes Lernen: 🎜http-Video-Tutorial🎜🎜

Das obige ist der detaillierte Inhalt vonErfahren Sie Schritt für Schritt, wie Sie https und http2 für Ihre Website aktivieren (mit Code).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat -Befehle und wie man sie benutzt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Verstehen Sie gängige Anwendungsszenarien der Webseitenumleitung und verstehen Sie den HTTP-301-Statuscode Verstehen Sie gängige Anwendungsszenarien der Webseitenumleitung und verstehen Sie den HTTP-301-Statuscode Feb 18, 2024 pm 08:41 PM

Verstehen Sie die Bedeutung des HTTP 301-Statuscodes: Häufige Anwendungsszenarien der Webseitenumleitung. Mit der rasanten Entwicklung des Internets werden die Anforderungen der Menschen an die Webseiteninteraktion immer höher. Im Bereich Webdesign ist die Webseitenumleitung eine gängige und wichtige Technologie, die über den HTTP-301-Statuscode implementiert wird. In diesem Artikel werden die Bedeutung des HTTP 301-Statuscodes und häufige Anwendungsszenarien bei der Webseitenumleitung untersucht. Der HTTP-Statuscode 301 bezieht sich auf eine permanente Weiterleitung (PermanentRedirect). Wenn der Server die des Clients empfängt

PHP und Vue: eine perfekte Kombination von Front-End-Entwicklungstools PHP und Vue: eine perfekte Kombination von Front-End-Entwicklungstools Mar 16, 2024 pm 12:09 PM

PHP und Vue: eine perfekte Kombination von Front-End-Entwicklungstools In der heutigen Zeit der rasanten Entwicklung des Internets ist die Front-End-Entwicklung immer wichtiger geworden. Da Benutzer immer höhere Anforderungen an das Erlebnis von Websites und Anwendungen stellen, müssen Frontend-Entwickler effizientere und flexiblere Tools verwenden, um reaktionsfähige und interaktive Schnittstellen zu erstellen. Als zwei wichtige Technologien im Bereich der Front-End-Entwicklung können PHP und Vue.js in Kombination als perfekte Waffe bezeichnet werden. In diesem Artikel geht es um die Kombination von PHP und Vue sowie um detaillierte Codebeispiele, die den Lesern helfen sollen, diese beiden besser zu verstehen und anzuwenden

Häufig gestellte Fragen von Front-End-Interviewern Häufig gestellte Fragen von Front-End-Interviewern Mar 19, 2024 pm 02:24 PM

In Front-End-Entwicklungsinterviews decken häufige Fragen ein breites Themenspektrum ab, darunter HTML/CSS-Grundlagen, JavaScript-Grundlagen, Frameworks und Bibliotheken, Projekterfahrung, Algorithmen und Datenstrukturen, Leistungsoptimierung, domänenübergreifende Anfragen, Front-End-Engineering, Designmuster sowie neue Technologien und Trends. Interviewerfragen sollen die technischen Fähigkeiten, die Projekterfahrung und das Verständnis des Kandidaten für Branchentrends beurteilen. Daher sollten Kandidaten in diesen Bereichen umfassend vorbereitet sein, um ihre Fähigkeiten und Fachkenntnisse unter Beweis zu stellen.

Ist Django Front-End oder Back-End? Hör zu! Ist Django Front-End oder Back-End? Hör zu! Jan 19, 2024 am 08:37 AM

Django ist ein in Python geschriebenes Webanwendungs-Framework, das Wert auf schnelle Entwicklung und saubere Methoden legt. Obwohl Django ein Web-Framework ist, müssen Sie zur Beantwortung der Frage, ob Django ein Front-End oder ein Back-End ist, ein tiefes Verständnis der Konzepte von Front-End und Back-End haben. Das Front-End bezieht sich auf die Schnittstelle, mit der Benutzer direkt interagieren, und das Back-End bezieht sich auf serverseitige Programme. Sie interagieren mit Daten über das HTTP-Protokoll. Wenn das Front-End und das Back-End getrennt sind, können die Front-End- und Back-End-Programme unabhängig voneinander entwickelt werden, um Geschäftslogik bzw. interaktive Effekte sowie den Datenaustausch zu implementieren.

Erkundung der Front-End-Technologie der Go-Sprache: eine neue Vision für die Front-End-Entwicklung Erkundung der Front-End-Technologie der Go-Sprache: eine neue Vision für die Front-End-Entwicklung Mar 28, 2024 pm 01:06 PM

Als schnelle und effiziente Programmiersprache erfreut sich Go im Bereich der Backend-Entwicklung großer Beliebtheit. Allerdings assoziieren nur wenige Menschen die Go-Sprache mit der Front-End-Entwicklung. Tatsächlich kann die Verwendung der Go-Sprache für die Front-End-Entwicklung nicht nur die Effizienz verbessern, sondern Entwicklern auch neue Horizonte eröffnen. In diesem Artikel wird die Möglichkeit der Verwendung der Go-Sprache für die Front-End-Entwicklung untersucht und spezifische Codebeispiele bereitgestellt, um den Lesern ein besseres Verständnis dieses Bereichs zu erleichtern. In der traditionellen Frontend-Entwicklung werden häufig JavaScript, HTML und CSS zum Erstellen von Benutzeroberflächen verwendet

Welcher Statuscode wird bei einem HTTP-Anfrage-Timeout zurückgegeben? Welcher Statuscode wird bei einem HTTP-Anfrage-Timeout zurückgegeben? Feb 18, 2024 pm 01:58 PM

Die HTTP-Anfrage läuft ab und der Server gibt häufig den Statuscode 504GatewayTimeout zurück. Dieser Statuscode zeigt an, dass der Server bei der Ausführung einer Anforderung immer noch nicht in der Lage ist, die für die Anforderung erforderlichen Ressourcen abzurufen oder die Verarbeitung der Anforderung nach einer gewissen Zeit nicht abzuschließen. Es handelt sich um einen Statuscode der 5xx-Reihe, der darauf hinweist, dass beim Server ein vorübergehendes Problem oder eine Überlastung aufgetreten ist, was dazu führt, dass die Anfrage des Clients nicht korrekt verarbeitet werden kann. Im HTTP-Protokoll haben verschiedene Statuscodes spezifische Bedeutungen und Verwendungszwecke, und der Statuscode 504 wird verwendet, um Probleme mit der Zeitüberschreitung von Anfragen anzuzeigen. im Kunden

Wie implementiert man HTTP-Streaming mit C++? Wie implementiert man HTTP-Streaming mit C++? May 31, 2024 am 11:06 AM

Wie implementiert man HTTP-Streaming in C++? Erstellen Sie einen SSL-Stream-Socket mit Boost.Asio und der asiohttps-Clientbibliothek. Stellen Sie eine Verbindung zum Server her und senden Sie eine HTTP-Anfrage. Empfangen Sie HTTP-Antwortheader und drucken Sie sie aus. Empfängt den HTTP-Antworttext und gibt ihn aus.

Django: Ein magisches Framework, das sowohl Front-End- als auch Back-End-Entwicklung bewältigen kann! Django: Ein magisches Framework, das sowohl Front-End- als auch Back-End-Entwicklung bewältigen kann! Jan 19, 2024 am 08:52 AM

Django: Ein magisches Framework, das sowohl Front-End- als auch Back-End-Entwicklung bewältigen kann! Django ist ein effizientes und skalierbares Webanwendungs-Framework. Es unterstützt mehrere Webentwicklungsmodelle, einschließlich MVC und MTV, und kann problemlos hochwertige Webanwendungen entwickeln. Django unterstützt nicht nur die Back-End-Entwicklung, sondern kann auch schnell Front-End-Schnittstellen erstellen und durch die Vorlagensprache eine flexible Ansichtsanzeige erreichen. Django kombiniert Front-End-Entwicklung und Back-End-Entwicklung zu einer nahtlosen Integration, sodass sich Entwickler nicht auf das Lernen spezialisieren müssen

See all articles