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 的设定


<<:  D17: 工程师太师了: 第9话

>>:  [Day 13] 非同步的操作资料库?谈 suspendedTransactionAsync

Day 13 实作调色盘App(1/3)

我们可以藉由小小的调色盘App专案来加强我们对一些元件的认识 1.先新增一个专案 -> Cr...

并购(Mergers and acquisitions)-安全评监(Security assessment)

-10 步并购清单(来源:CFI Education Inc.) 在考虑剥离提议时,进行安全评监以...

Day30 - 使用 Rails Generator 快速实作卡米狗学说话

LINE Developers:https://developers.line.biz/zh-ha...

[Day29] BERT(二)

一. 预训练的BERT 接下来会介绍hugging face这个团队提供的BERT的套件来做介绍~B...

27 | 【区块组合套件介绍】Stackable

我们之前介绍的 WordPress 原生区块有时会遇上不足够的情况,因为功能都偏向基础和简单。部分...