iT邦幫忙

2021 iThome 鐵人賽

DAY 3
0
DevOps

和 gitlab 一起當個好朋友系列 第 3

Day03-Nginx 簡介

安裝 Nginx

  $ sudo apt-get update
  $ sudo apt-get install nginx

在 Ubuntu 的預設 path /etc/nginx/sites-available/

安裝完之後會有一個預設的 default 的設定檔案

這時候你只要打開 http://xxx.xxx.xxx.xxx 就可以看到一個基本的網頁

預設是 80 Port

Virtual host

可以先申請 domain

  • gandi

  • goDaddy

範例

**https://home.tomas.website**

在 ubuntu 中 建立這個資料夾 /var/www/html/home.tomas.website

這個資料夾的路徑沒有一定

等等的 Nginx 中設定指向這個資料夾

只要修改這個路徑就可以了

因為這個範例都是靜態網頁

所以使用網址連結之後 會打開預設 80 Port

使用 create react app

  $ npx create-react-app home.tomas.website
  $ yarn install && yarn build && cp -a ./build/** /var/www/html/home.tomas.website

Nginx 的設定檔

Nginx 的功能如 負載平衡... 等 都是透過 config file 來設定的

Nginx 的主要設定檔通常會放置在 /etc/nginx/nginx.conf

另外在 /etc/nginx/conf.d/*.conf 則會放置不同域名的 config file

例如: /etc/nginx/conf.d/home.tomas.website.conf

然後在主設定檔中的 0 加入一行

include /etc/nginx/conf.d/*.conf

即可將不同域名的設定引入,達成方便管理與修改不同域名設定的特性

增加 Nginx 範例檔

  $ vim /etc/nginx/sites-available/home.tomas.website

這個檔名可自己設定,只是習慣問題,我會與 domain 一致

增加 soft link

  $ sudo ln -s /etc/nginx/sites-available/home.tomas.website /etc/nginx/sites-enabled
  $ sudo nginx -t
  $ sudo /etc/init.d/nginx restart

打開 http://home.tomas.website 就可以打開該網頁

這是基本的靜態網頁設定

下一篇再加上 http https 的設定


上一篇
Day02-Linux檔案結構簡介
下一篇
http 與 https
系列文
和 gitlab 一起當個好朋友15

尚未有邦友留言

立即登入留言