Mac下 Ubuntu 16.04 配置http、https

序言:

以下代碼基于Mac環(huán)境完成

工具準備:

1.Transmit:
鏈接: https://pan.baidu.com/s/1bFjnf2kCWRHrLO1OceU9rQ密碼: 6bh2
2.Sublime Text
鏈接: https://pan.baidu.com/s/1TimZ6aFYGdV-pXx8bSs90Q密碼: tgtk

PS:
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
  1. 在/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
  1. 通過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
到這里,Ubuntu配置http、https已完成??
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容