Node.js 部署免費/自動續訂 HTTPS

統計了使用 Chrome 瀏覽器,訪問的站點統計中,HTTPS 使用率的增長情況:

google stats

而在今年 2 月份,Chrome 團隊也宣布,將在 2018 年 7 月份發布的 Chrome 68 中,將沒有部署 HTTPS 的網站標記為 "不安全"。

chrome 68 status

簡而言之,HTTPS 大勢所趨。

Node.js 部署 HTTPS

由 ISRG(Internet Security Research Group,互聯網安全研究小組)提供服務,免費、訪問速度快,穩定等。

所以這次部署的證書也是圍繞?Let's Encrypt?展開。

greenlock-express

由于 js 生態圈的繁華,所以想找一個現有的包是件很輕松的事情,greenlock-express?這個包就幫助我們封裝了?Let's Enctrypt?證書的部署,只需要引入這個包并使用,就可以:

  1. 自動注冊?Let's Encrypt?證書
  2. 自動續訂( 80 天左右),且服務器無需重啟
  3. 支持虛擬主機

并且?greenlock?相關的證書生態圈十分完善,同樣有支持?koa?的?greenlock-koa。

安裝和使用

通過?npm?安裝?greenlock-express

$ npm install --save greenlock-express@2.x

使用起來非常簡單,這是?greenlock-express?默認提供的 demo:

const greenlock = require('greenlock-express')require('greenlock-express').create({// 測試server: 'staging',// 聯系郵箱email: 'john.doe@example.com',// 是否同意 Let's Encrypt 條款... 這必須為 true 啊,不然走不下去agreeTos: true,// 申請的域名列表,不支持通配符approveDomains: [ 'tasaid.com', 'www.tasaid.com' ],// 綁定 express appapp: require('express')().use('/', function (req, res) {res.end('Hello, World!');})
}).listen(80, 443)

證書存在?~/letsencrypt

當然上面代碼只能用于測試/開發環境,因為它并沒有申請一個有效的證書,而是生成了一個自簽名的證書(跟以前的 12306 自簽證書一樣),用于在開發環境中調試。

API

greenlock-express?的?create(options)?函數參數簽名如下:

interface Options {/*** Express app*/app: Express/** 遠程服務器* 測試環境中可用為 staging* 生產環境中為 https://acme-v01.api.letsencrypt.org/directory*/server: string/*** 用于接收 let's encrypt 協議的郵箱*/email: string/*** 是否同意協議*/agreeTos: boolean/*** 在注冊域名獲取證書前,會執行這個回調函數* string[]: 一組需要注冊證書的域名* 函數: 第一個參數跟 Options 格式差不多,第二個參數是當前自動獲取的域名信息,第三個參數是在處理完之后傳遞的回調函數*/approveDomains: string[] | (opts, certs: cb) => any/*** 更新證書最大天數 (以毫秒為單位)*/renewWithin: number/*** 更新證書的最小天數(以毫秒為單位)*/renewBy: number
}

經過測試,在真實的生產環境中,?approveDomains?必須為函數,傳數組的話不會生效。

生產環境

生產環境中部署還需要做一些配置改動和引入一些包。

更新包:

$ npm i --save greenlock-express@2.x
$ npm i --save le-challenge-fs
$ npm i --save le-store-certbot
$ npm i --save redirect-https

生產代碼:

const greenlock = require('greenlock-express')
const express = require('express')const app = express()const lex = greenlock.create({// 注意這里要成這個固定地址server: 'https://acme-v01.api.letsencrypt.org/directory',challenges: { 'http-01': require('le-challenge-fs').create({ webrootPath: '~/letsencrypt/var/acme-challenges' }) },store: require('le-store-certbot').create({ webrootPath: '~/letsencrypt/srv/www/:hostname/.well-known/acme-challenge' }),approveDomains: (opts: any, certs: any, cb: any) => {appLog.info('approveDomains', { opts, certs })if (certs) {/** 注意這里如果是這樣寫的話,一定要對域名做校驗* 否則其他人可以通過將域名指向你的服務器地址,導致你注冊了其他域名的證書* 從而造成安全性問題*/// opts.domains = certs.altnamesopts.domains = [ 'tasaid.com', 'www.tasaid.com' ]} else {opts.email = '你的郵箱@live.com'opts.agreeTos = true}cb(null, { options: opts, certs: certs })},
})// 這里的 redirect-https 用于自動將 HTTP 請求跳到 HTTPS 上
require('http').createServer(lex.middleware(require('redirect-https')())).listen(80, function () {console.log('Listening', `for ACME http-01 challenges on: ${JSON.stringify(this.address())}`)
})
// 綁定 HTTPS 端口
require('https').createServer(lex.httpsOptions, lex.middleware(app)).listen(443, function () {console.log(('App is running at http://localhost:%d in %s mode'), app.get('port'), app.get('env'))console.log('Press CTRL-C to stop\n')
})

如果沒有生效,可以檢查下?~/letsencrypt?的證書信息,和 443 端口是否打開。

部署 HTTP/2

HTTP/2?是?HTTP/1.1?的升級版,主要來說改進了這些地方:

  1. 二進制協議:采用二進制流
  2. 多路復用:一次請求多次復用管道
  3. 服務器推送:解決 HTTP/1.x 時代最大的痛點

值的注意的是,HTTP/2 是支持 HTTP 協議的,只不過瀏覽器廠商都不愿意支持 HTTP,所以基本上可以認為,用上 HTTP/2 的前置條件是必須部署 HTTPS。

SPDY

早在 2009 年,Google 開發了一個實驗性協議,叫做?SPDY,目的解決 HTTP/1.x 中的一些設計缺陷。在 SPDY 發布幾年后,這個新的實驗性協議得到了 Chrome、Firefox 和 Opera 的支持,應用越來越廣泛。然后 HTTP 工作組 (HTTP-WG) 在這個 SPDY 的基礎上,設計了 HTTP/2,所以可以說 SPDY 是 HTTP/2 的前身。

關于 HTTP/2 的詳情可以參考?這篇文章。

部署 HTTP/2

引入?HTTP/2?在?Node.js?中也十分簡單,只需要引入?spdy?包即可:

$ npm i --save spdy

然后我們把上一節的代碼做一點修改即可支持 HTTP/2:

const greenlock = require('greenlock-express')
const express = require('express')
// HTTP/2
const spdy = require('spdy')const app = express()const lex = greenlock.create({// 注意這里要成這個固定地址server: 'https://acme-v01.api.letsencrypt.org/directory',challenges: { 'http-01': require('le-challenge-fs').create({ webrootPath: '~/letsencrypt/var/acme-challenges' }) },store: require('le-store-certbot').create({ webrootPath: '~/letsencrypt/srv/www/:hostname/.well-known/acme-challenge' }),approveDomains: (opts: any, certs: any, cb: any) => {appLog.info('approveDomains', { opts, certs })if (certs) {/** 注意這里如果是這樣寫的話,一定要對域名做校驗* 否則其他人可以通過將域名指向你的服務器地址,導致你注冊了其他域名的證書* 從而造成安全性問題*/// opts.domains = certs.altnamesopts.domains = [ 'tasaid.com', 'www.tasaid.com' ]} else {opts.email = '你的郵箱@live.com'opts.agreeTos = true}cb(null, { options: opts, certs: certs })},
})// 這里的 redirect-https 用于自動將 HTTP 請求跳到 HTTPS 上
require('http').createServer(lex.middleware(require('redirect-https')())).listen(80, function () {console.log('Listening', `for ACME http-01 challenges on: ${JSON.stringify(this.address())}`)
})// HTTP/2
spdy.createServer(lex.httpsOptions, lex.middleware(app)).listen(443, function () {console.log('Listening https', `for ACME tls-sni-01 challenges and serve app on: ${JSON.stringify(this.address())}`)
})

至于 HTTP/2 相關的技術應用,會在后續篇幅中再為大家講解。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/247565.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/247565.shtml
英文地址,請注明出處:http://en.pswp.cn/news/247565.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

GSON 循環引用的對象轉為 JSON 造成棧溢出

對象轉 JSON 可能引發棧溢出的異常,一般是因為對象中的循環引用引起不斷遞歸。 常見的作法就是: 換一種 JSON 的序列化工具,比如 fastjson 默認支持消除對同一對象循環引用transient 修飾屬性顯式排除對象的某些屬性1. java對象引用成環說明 …

一些雜七雜八的前端知識1

一、this指向 this是函數運行時自動生成的一個內部對象,只能在函數內部使用 1. 指向全局變量 純粹的函數調用 2. 作為對象方法的調用 對象調用某個函數,這個函數里面所包含的this也就指向使用這個函數的對象了 3. 函數構造新對象時調用 new 4. a…

最新的vue webpack模板沒有dev-server.js文件,進行后臺數據模擬筆記

最新的vue里dev-server.js被替換成了webpack-dev-conf.js 在模擬后臺數據的時候直接在webpack-dev-conf.js文件中修改 第一步,在const portfinder require(‘portfinder’)后添加//第一步 const express require(express) const app express()//請求server var a…

20080331 - What is a PID, How is it useful when troubleshooting a system

PID Process Identifier, 是一個全局唯一的用來標識進程的整數。在多任務系統中,可用來診斷系統中發生錯誤的進程。 轉載于:https://www.cnblogs.com/likun/archive/2008/03/31/1130458.html

記一次el-input使用的坑

記一次el-input使用的坑 el-input使用不同與原生input&#xff0c;所以在vue中改變綁定的數據時需注意 <el-input v-model"form.schedule" input"validateNumber($event)" />要想在input時改變form.schedule的值來改變輸入框顯示的值&#xff0c;以…

使用pm2啟動Node和Vue項目教程

安裝pm2 $ npm install -g pm2 命令行全局安裝pm2 將pm2加入到命令中去?1234ln -s /usr/local/src/node-v8.9.1-linux-x64/bin/pm2 /usr/local/bin/pm2ln -s /usr/local/src/node-v8.9.1-linux-x64/bin/pm2-dev /usr/local/bin/pm2-devln -s /usr/local/src/node-v8.9.1-lin…

對正則的研究

視頻鏈接地址&#xff08;視頻格式可按需增刪&#xff09; /^https?:\/\/.*?(swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|mp4)$/i 圖片鏈接地址&#xff08;圖片格式可按需增刪&#xff09; /^https?:\/\/.*?(gif|png|jpg|jpeg|webp|svg|psd|bmp|tif)$/i 24小時制時間&a…

MVVM原理還你

眾所周知當下是MVVM盛行的時代&#xff0c;從早期的Angular到現在的React和Vue&#xff0c;再從最初的三分天下到現在的兩虎相爭。 無疑不給我們的開發帶來了一種前所未有的新體驗&#xff0c;告別了操作DOM的思維&#xff0c;換上了數據驅動頁面的思想&#xff0c;果然時代的進…

poj1316

1&#xff0e;鏈接地址 https://vjudge.net/problem/POJ-1316 2&#xff0e;問題描述 In 1949 the Indian mathematician D.R. Kaprekar discovered a class of numbers called self-numbers. For any positive integer n, define d(n) to be n plus the sum of the digits of …

CSS頁面布局解決方案大全

前端布局非常重要的一環就是頁面框架的搭建&#xff0c;也是最基礎的一環。在頁面框架的搭建之中&#xff0c;又有居中布局、多列布局以及全局布局&#xff0c;今天我們就來總結總結前端干貨中的CSS布局。 居中布局 水平居中 1&#xff09;使用inline-blocktext-align&#xff…

AES加密算法的學習筆記

AES簡介高級加密標準(AES,Advanced Encryption Standard)為最常見的對稱加密算法(微信小程序加密傳輸就是用這個加密算法的)。 對稱加密算法也就是加密和解密用相同的密鑰&#xff0c;具體的加密流程如下圖&#xff1a; 下面簡單介紹下各個部分的作用與意義&#xff1a; 明文P沒…

為什么要用setTimeout模擬setInterval ?

setInterval有兩個缺點&#xff1a; 使用setInterval時&#xff0c;某些間隔會被跳過&#xff1b;可能多個定時器會連續執行&#xff1b;在前一個定時器執行完前&#xff0c;不會向隊列插入新的定時器&#xff08;解決缺點一&#xff09;保證定時器間隔&#xff08;解決缺點二&…

前端 crypto-js aes 加解密

背景 前段時間公司做項目&#xff0c;該項目涉及到的敏感數據比較多&#xff0c;經過的一波討論之后&#xff0c;決定前后端進行接口加密處理&#xff0c;采用的是 AES BASE64 算法加密~ 網上關于 AES 對稱加密的算法介紹看上一篇&#xff01; 具體實現 其實搞懂了是怎么一回事…

對排序算法的研究

算法是什么&#xff1f;、 算法&#xff08;Algorithm&#xff09; 代表著用系統的方法描述解決問題的策略機制&#xff0c;可以通過一定規范的 輸入&#xff0c;在有限時間內獲得所需要的 輸出。 一個算法的好壞是通過 時間復雜度 與 空間復雜度 來衡量的。 簡單來說&#xff…

js實用算法

判斷文本是否為回文 定義&#xff1a;如果將一個文本翻轉過來&#xff0c;能和原文本完全相等&#xff0c;那么就可以稱之為“回文”。 方法一&#xff08;字符串、數組內置方法&#xff09;123456789101112131415/** 判斷文字是否為回文* param {string|number} val 需要判斷的…

stylus

stylus格式 指將css中{} &#xff1b;去掉即可

隨筆記錄(2019.7.10)

1、ISO/OSI 網絡七層參考模型 物理層 數據鏈路層 網絡層 傳輸層 會話層 表示層 應用層 2、 TCP/IP 網絡四層模型和五層模型 四層模型&#xff1a; 網絡接口層 網絡層 傳輸層 應用層 五層模型&#xff1a; 物理層 數據鏈路層 網絡層 傳輸層 應用層 3、 協議簇 &#xff08;1&a…

轉發:Ajax動態畫EChart圖表

本人由于項目需要&#xff0c;在狀態變化的時候需要動態繪制對應數據的EChart圖表&#xff0c;并且不刷新整個網頁。 所以就用Ajax動態畫EChart圖表&#xff0c;下面是開發過程中遇到的一些坑的總結。 流程&#xff1a;頁面首次加載時展示一幅原始的圖形&#xff0c;若后臺數據…

如果硬盤不顯示可以這么處理

http://www.zhuangjiba.com/soft/9574.html轉載于:https://www.cnblogs.com/braveheart007/p/11167311.html

Highcharts的餅圖大小的控制

在Highcharts中&#xff0c;餅圖的大小是Highcharts自動計算并進行繪制。餅圖的大小受數據標簽大小、數據標簽到切片的距離影響。當數據標簽內容較多&#xff0c;并且距離切片較遠時&#xff0c;餅圖就會被壓縮的很小。解決這個問題&#xff0c;有以下幾種方法&#xff1a;&…