序言:
以下代碼基于Mac環(huán)境完成
工具準備:
1.Transmit:
鏈接: https://pan.baidu.com/s/1bFjnf2kCWRHrLO1OceU9rQ密碼: 6bh2
2.Sublime Text
鏈接: https://pan.baidu.com/s/1TimZ6aFYGdV-pXx8bSs90Q密碼: tgtkPS:
Transmit:主要用于后面配置服務器的操作,簡單粗暴的軟件,我喜
歡??
Sublime Text:文本編輯器
第一部分:先購買云服務器、域名等。
????這里域名可不買,但以下實驗效果會購買域名并配置服務器,由讀者自身選擇情況。
1.自己挑選域名,然后購買,在域名控制臺下點擊解析->添加解析
1.解析.png
2.在域名里申請SSL證書
2.申請SSL證書.png
3.完成以上操作后,在阿里云或騰訊云上購買香港服務器,如圖:
3.購買香港服務器.png
4.進入服務器,然后點擊遠程連接玩玩,會出現(xiàn)下列情況
4.遠程連接密碼.png
4.1遠程連接密碼.png
因為在瀏覽器上遠程連接,操作起來不方便簡直想吐血,這里介紹下用本地終端遠程連接服務器
5.但是先要修改我們的服務器密碼
5.修改密碼和復制公網(wǎng)ip.png
6.終端中新建遠程連接.png
7.Mac終端遠程連接.png
8.第一次進入終端.png
第二部分:nginx配置Http
1.在Ubuntu下,直接使用 apt-get
安裝Nginx
~$ sudo apt-get update
~$ sudo apt-get install nginx -y
2.完成后,開啟Nginx
~$ sudo /etc/init.d/nginx start
3.此時在Safari訪問 http://自己的域名 就會看到 Nginx的歡迎頁面,即配置成功
9.配置nginx成功的頁面.png
第三部分: nginx配置Https
1.先下載我們的SSL證書,以阿里云為例
8.1 下載SSL證書.png
8.2下載SSL證書.png
8.3下載SSL證書.png
8.4下載SSL證書.png
8.5下載SSL證書.png
2.將下載下來的 SSL 證書(cert文件夾) 通過 Transmit 拖動到文件瀏覽器 /etc/nginx 目錄下。
10.在Transmit登錄服務器.png
11.進入Transmit.png
12.進入/etc/nginx并且拖進ssl文件.png
3.修改 /etc/nginx的權限
~$ sudo chmod a+rw /etc/nginx
- 在/etc/nginx/conf.d 目錄下創(chuàng)建ssl.conf 文件
~$ cd /etc/nginx/conf.d
~$ sudo touch ssl.conf
~$ sudo chmod a+rw ssl.conf
5.通過Transmit用Sublime Text打開ssl.conf
13.打開nginx_ssl_conf文件.png
13.1.配置ssl_conf文件.png
// 代碼如下:
// 意義:設置域名在http、https下都可訪問,并且將本地的文件存放到/usr/local/sources/下,這里的操作很重要
server {
listen 80; # 同時添加監(jiān)聽80端口
listen 443 ssl; # 需要在443端口后添加ssl
server_name www.crios.cn; # 改為綁定證書的域名
# ssl 配置
ssl on;
ssl_certificate cert/1529030012921.pem; # 改為自己申請得到的 pem 文件的名稱
ssl_certificate_key cert/1529030012921.key; # 改為自己申請得到的 key 文件的名稱
ssl_session_timeout 5m;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
ssl_prefer_server_ciphers on;
location / {
proxy_pass http://127.0.0.1:8765;
}
location ~ .*\.(ico|png|jpg|jpeg|JPG|PNG|JPEG|bmp|html|js|xml|svg)$ {
root /usr/local/sources/;
}
}
6.command + s 保存配置,重啟Nginx
~$ sudo nginx -s reload
- 通過Transmit 進入到
/usr/local
目錄,在本地新建一個sources
文件夾, 拖動到/usr/local
目錄下
8.為了展示效果,我在本地新建一個crios.html文件,通過Transmit拖到剛剛的sources文件下,crios.html里的代碼如下:
<h1>CRiOS</h1>
9.此時在Safari瀏覽器訪問https://www.crios.cn/crios.html,會出現(xiàn)如下效果圖:
17.配置https成功的效果圖.png