interface Web
Tutoriel H5
Apprenez étape par étape comment activer https et http2 pour votre site (avec code)
Apprenez étape par étape comment activer https et http2 pour votre site (avec code)
Dans l'article précédent "Une brève analyse de l'installation et de l'utilisation de nginx (collection)", je vous ai présenté l'installation et l'utilisation de nginx. L'article suivant vous présentera comment activer https et http2 pour le site. Voyons comment le faire ensemble.
Cet article présente principalement comment activer https et http2 pour le sitehttps和http2
本篇文章主要介绍了如何给站点开启https和http2
给站点开启https比较简单以本站Linux + nginx为例
3条命令即可
下载脚本
wget https://dl.eff.org/certbot-auto chmod a+x certbot-auto
自动关联到nginx
$sudo ./certbot-auto --nginx ```sh ## 检查证书有没有过期
$sudo ./certbot-auto renew --dry-run
## 如果过期了就自动续订 ```sh $sudo ./certbot-auto renew
假如提示如下错误代码
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
好了，现在打开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注意 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
如果还没有安装 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
接下来执行
apt-get clean && apt-get install nginx
好了，现在成功了开启了https了，443 ssl 后面那个http2，就是开启了http2
最后重启nginx
nginx -s reload
刷新页面发现网址前面加了一把锁就表示https开启成功了
如何验证开启了http2呢 你打开要验证的网址等加载完成后，新开一个tab输入chrome://net-internals/#http2
Cet article présente principalement comment activer https et <code>http2Il est relativement simple d'activer https pour le site. Prenons l'exemple Linux + nginx de ce site3 commandes.
Télécharger le script
rrreeeAssocier automatiquement à nginx
rrreee$sudo ./certbot-auto renouveler --dry-run rrreee🎜Si le code d'erreur suivant s'affiche 🎜🎜🎜UnicodeDecodeError : le codec 'ascii' ne peut pas décoder l'octet 0xc3 en position 5 : l'ordinal n'est pas dans la plage (128) est à cause de nginx Il y a des caractères chinois dans le fichier de configuration du code>. Changez simplement le chinois en anglais🎜🎜ou vous pouvez le rechercher vous-même🎜rrreee🎜D'accord, ouvrez maintenant la configuration <code>nginx et prenez une look🎜rrreee🎜🎜Notez que la version de nginx est trop basse. Elle ne peut pas être ouverte. Vous devez d'abord mettre à niveau la version de nginx en prenant centos comme exemple🎜🎜🎜Modifiez l'adresse de l'entrepôt nginx de /. etc/yum.repos.d/nginx.repo🎜rrreee🎜🎜S'il n'est pas encore installé nginx, exécutez directement yum install nginx S'il est déjà installé, vous pouvez le mettre à niveau via yum clean all && yum update nginx. 🎜🎜🎜Il est recommandé d'arrêter <code>nginx arrêter violemment killall nginx, puis de désinstaller yum supprimer nginx puis de réinstaller yum install nginx 🎜🎜<strong>Mise à niveau Ubuntu/Debian HTTP/2</strong>🎜🎜Modifiez d'abord la source de l'entrepôt <code>apt /etc/apt/source.list Adresse , ajoutez les deux lignes suivantes pour l'entrepôt. 🎜rrreee🎜 Exécutez ensuite 🎜rrreee🎜OK, maintenant https a été activé avec succès, 443 ssl et ce dernier http2 sont activés . http2🎜🎜Enfin, redémarrez nginx🎜rrreee🎜Actualisez la page et constatez qu'il y a un cadenas devant l'URL, ce qui signifie que https a été ouvert avec succès🎜🎜Comment vérifier cela http2 Ensuite, vous ouvrez l'URL à vérifier et attendez qu'elle soit chargée. Ouvrez un nouvel <code>onglet et saisissez chrome://net-internals/#http2<.> et appuyez sur Entrée🎜🎜Si vous trouvez l'adresse IP correspondant à votre URL dans la liste, il apparaîtra qu'elle a été ouverte avec succès. 🎜🎜Bien sûr, utilisez Google Chrome 🎜🎜【Fin】🎜🎜Apprentissage recommandé : 🎜Tutoriel vidéo http🎜🎜</.>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Explorer la technologie front-end du langage Go : une nouvelle vision du développement front-end
Mar 28, 2024 pm 01:06 PM
En tant que langage de programmation rapide et efficace, le langage Go est très populaire dans le domaine du développement back-end. Cependant, peu de gens associent le langage Go au développement front-end. En fait, l’utilisation du langage Go pour le développement front-end peut non seulement améliorer l’efficacité, mais également ouvrir de nouveaux horizons aux développeurs. Cet article explorera la possibilité d'utiliser le langage Go pour le développement front-end et fournira des exemples de code spécifiques pour aider les lecteurs à mieux comprendre ce domaine. Dans le développement front-end traditionnel, JavaScript, HTML et CSS sont souvent utilisés pour créer des interfaces utilisateur.
Questions fréquemment posées par les enquêteurs front-end
Mar 19, 2024 pm 02:24 PM
Lors des entretiens de développement front-end, les questions courantes couvrent un large éventail de sujets, notamment les bases HTML/CSS, les bases JavaScript, les frameworks et les bibliothèques, l'expérience du projet, les algorithmes et les structures de données, l'optimisation des performances, les requêtes inter-domaines, l'ingénierie front-end, les modèles de conception et les nouvelles technologies et tendances. Les questions de l'intervieweur sont conçues pour évaluer les compétences techniques du candidat, son expérience en matière de projet et sa compréhension des tendances du secteur. Par conséquent, les candidats doivent être parfaitement préparés dans ces domaines pour démontrer leurs capacités et leur expertise.
À quoi se réfère H5? Explorer le contexte
Apr 12, 2025 am 12:03 AM
H5Referstohtml5, apivotaltechnologyInwebdevelopment.1) html5introducesnewelementsandapisforrich, dynamicwebapplications.2) itsupp OrtsMultimeDiaHithoutPlugins, améliorant la réception detièmeaCrOsDevices.3) SemantelelementsImproveContentsTructureAndSeo.4) H5'sRespo
Combinaison de Golang et de technologie front-end : découvrez comment Golang joue un rôle dans le domaine front-end
Mar 19, 2024 pm 06:15 PM
Combinaison de Golang et de la technologie front-end : pour explorer le rôle de Golang dans le domaine front-end, des exemples de code spécifiques sont nécessaires. Avec le développement rapide d'Internet et des applications mobiles, la technologie front-end est devenue de plus en plus importante. Dans ce domaine, Golang, en tant que puissant langage de programmation back-end, peut également jouer un rôle important. Cet article explorera comment Golang est combiné avec la technologie front-end et démontrera son potentiel dans le domaine front-end à travers des exemples de code spécifiques. Le rôle de Golang dans le domaine front-end est celui d'un outil efficace, concis et facile à apprendre.
Comment implémenter le streaming HTTP en utilisant C++ ?
May 31, 2024 am 11:06 AM
Comment implémenter le streaming HTTP en C++ ? Créez un socket de flux SSL à l'aide de Boost.Asio et de la bibliothèque client asiohttps. Connectez-vous au serveur et envoyez une requête HTTP. Recevez les en-têtes de réponse HTTP et imprimez-les. Reçoit le corps de la réponse HTTP et l'imprime.
H5: L'évolution des normes et technologies Web
Apr 15, 2025 am 12:12 AM
Les normes et technologies Web ont évolué à ce jour de HTML4, CSS2 et JavaScript simple et ont subi des développements importants. 1) HTML5 introduit des API telles que Canvas et WebStorage, ce qui améliore la complexité et l'interactivité des applications Web. 2) CSS3 ajoute des fonctions d'animation et de transition pour rendre la page plus efficace. 3) JavaScript améliore l'efficacité de développement et la lisibilité du code par la syntaxe moderne de Node.js et ES6, telles que les fonctions et classes Arrow. Ces changements ont favorisé le développement de l'optimisation des performances et les meilleures pratiques des applications Web.
H5: comment il améliore l'expérience utilisateur sur le Web
Apr 19, 2025 am 12:08 AM
H5 améliore l'expérience utilisateur Web avec le support multimédia, le stockage hors ligne et l'optimisation des performances. 1) Support multimédia: H5 et les éléments simplifient le développement et améliorent l'expérience utilisateur. 2) Stockage hors ligne: WebStorage et indexDDB permettent une utilisation hors ligne pour améliorer l'expérience. 3) Optimisation des performances: les travailleurs Web et les éléments optimisent les performances pour réduire la consommation de bande passante.
Code H5: accessibilité et HTML sémantique
Apr 09, 2025 am 12:05 AM
H5 améliore l'accessibilité des pages Web et les effets SEO via des éléments sémantiques et des attributs ARIA. 1. Utiliser, etc. pour organiser la structure du contenu et améliorer le référencement. 2. Les attributs ARIA tels que Aria-Babel améliorent l'accessibilité, et les utilisateurs de technologies d'assistance peuvent utiliser en douceur les pages Web.
