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

godruoyi 发布于2019-07-25 14:09 / 2600人阅读

摘要：由俄罗斯的程序设计师所开发，供俄国大型的入口网站及搜索引擎使用。在操作系统下，使用事件模型得益于此，在操作系统下效率相当高。在自己手机的浏览器上输入自己电脑的地址，例如，就可以访问自己构建好的应用。

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.当你的电脑关掉以后，此时页面将无法访问。

idc机房托管专线服务服务器可以用自己的电脑吗 Redis 5.0 android 5.0 webrtc 数据库5.0

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/39765.html

Angular 5.0 学习2：Angular 5.0 开发环境的搭建和新建第一个ng5项目

摘要：之后输入，出现版本号即安装成功，的版本号在以上，则新建出来的项目是版本。所有具备这一特性的软件或者软件套组都可以叫集成开发环境。创建新项目打开终端窗口。是为应用准备的，而是为单元测试准备的。给的单元测试配置，当运行时会用到它。 1.安装Node.js 在开始工作之前，我们必须设置好开发环境。如果你的机器上还没有Node.js®和npm，请先安装它们。去Node.js的官网，https:...

leonardofed 2019-08-05 12:49 评论0 收藏0
Angular 5.0 学习2：Angular 5.0 开发环境的搭建和新建第一个ng5项目

摘要：之后输入，出现版本号即安装成功，的版本号在以上，则新建出来的项目是版本。所有具备这一特性的软件或者软件套组都可以叫集成开发环境。创建新项目打开终端窗口。是为应用准备的，而是为单元测试准备的。给的单元测试配置，当运行时会用到它。 1.安装Node.js 在开始工作之前，我们必须设置好开发环境。如果你的机器上还没有Node.js®和npm，请先安装它们。去Node.js的官网，https:...

dunizb 2019-08-29 14:14 评论0 收藏0
electron 将pc端（vue）页面打包为桌面端应用

摘要：于是乎，就想着把自己写的这个小项目打包成桌面端，方面每次打开电脑就能看。然后继续运行，然后白屏习惯性的首次失败。。解决方法进入文件夹下的将其中的修改为相对路径。再次运行，成功将的项目，显示为桌面应用。总结至此，打包桌面端就这样完成了。背景 showImg(https://segmentfault.com/img/bVYowg?w=1922&h=862); 最近在学习RxJS，平时边看...

Dongjie_Liu 2019-08-21 17:35 评论0 收藏0
Angular 5.0 来了! 有这些大变化

摘要：以下简单介绍的重大变化。状态转交及对的支持这样更便于在服务端和客户之间共享应用状态。状态转交的相关文档几周后会发布。我们删除很多以前废弃的如，也公布了一些新的废弃项。以上指南会详细介绍这些变更。已知问题当前已知与相关的问题。我们很高兴地宣布Angular 5.0.0——五角形甜甜圈发布啦！这又是一个主版本，包含新功能并修复了很多bug。它再次体现了我们把Angular做得更小、更快、...

张红新 2019-08-23 13:41 评论0 收藏0
Angular 5.0 来了! 有这些大变化

摘要：以下简单介绍的重大变化。状态转交及对的支持这样更便于在服务端和客户之间共享应用状态。状态转交的相关文档几周后会发布。我们删除很多以前废弃的如，也公布了一些新的废弃项。以上指南会详细介绍这些变更。已知问题当前已知与相关的问题。我们很高兴地宣布Angular 5.0.0——五角形甜甜圈发布啦！这又是一个主版本，包含新功能并修复了很多bug。它再次体现了我们把Angular做得更小、更快、...

lovXin 2019-08-01 10:07 评论0 收藏0