Angular 5.0 学习5:用自己的电脑使用Nginx发布构建好的NG5应用

zhiyu

1.什么是Nginx

Nginx是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP代理服务器。
Nginx是一款轻量级的Web服务器/反向代理服务器以及电子邮件代理服务器,并在一个BSD-like协议下发行。由俄罗斯的程序设计师lgor Sysoev所开发,供俄国大型的入口网站及搜索引擎Rambler使用。其特点是占有内存少,并发能力强,事实上nginx的并发能力确实在同类型的网页服务器中表现较好。
Nginx相较于Apachelighttpd具有占有内存少,稳定性高等优势,并且依靠并发能力强,丰富的模块库以及友好灵活的配置而闻名。在Linux操作系统下,nginx使用epoll事件模型,得益于此,nginx在Linux操作系统下效率相当高。同时Nginx在OpenBSD或FreeBSD操作系统上采用类似于Epoll的高效事件模型kqueue.

2.何时使用Nginx发布构建好的NG5应用?

当我们使用ng5开发移动端网页时候,想在手机上看看实际的效果,此时又没有部署到云主机的时候,我们可以使用Nginx临时发布构建好的NG5应用,在手机上就可以浏览自己构建的webApp。此时应该注意电脑和手机应该在同一个局域网下(简单点说连接的是同一个wifi,但不止是这个意思)。

3.怎么使用?

1.下载nginx,我的是nginx-1.13.8版本。
2.解压nginx-1.13.8.zip.
3.打开nginx-1.13.8文件目录,双击运行nginx.exe,此时会一闪而过。
4.打开nginx-1.13.8的html目录,里面有index.html和50x.html.
5.复制我们用ng build --prod构建好的webApp文件,这些文件在ng5项目下的dist目录下,复制里面的全部文件到nginx-1.13.8的html目录下,此时我们webApp的index.html应该替换原先的index.html。
6.在自己手机的浏览器上输入自己电脑的ip地址,例如192.168.1.100,就可以访问自己构建好的webApp应用。不知道自己电脑此时的ip地址的可以在cmd上执行ipconfig/all找到自己的ipv4地址(首选)。
7.当你的电脑关掉以后,此时页面将无法访问。

阅读 1.7k

Angular 5.0学习之路
Angular 5.0学习之路,整理一下最近学习ng5的笔记和经验。

There are two ways of constructing a software design: One way is to make it so simple that there ...

221 声望
127 粉丝
0 条评论

There are two ways of constructing a software design: One way is to make it so simple that there ...

221 声望
127 粉丝
文章目录
宣传栏