现学现卖做前端（3） 网站部署

---

网站写好打包以后，放在linux服务器上，查看效果。

一、手机环境配置

一、准备工作

这里使用的是 魅蓝note6 手机， 系统是 flyme8。所有用到的app如下所示：

---

二、手机root

在设置里开启root权限。

---

三、安装 BusyBox

打开界面是这样的

安装成功

---

四、安装 Linux Deploy

打开app后界面如下：

Linux 配置：点击右下角按钮
需要修改的几个地方已经标注了。

Linux 配置：点击左上角按钮，设置

Linux 安装：点击右上角按钮

安装中…

安装成功

启动linux

五、安装 SSH

主界面

新建连接

如果修改了连接的用户名和密码，需要再点一次 Linux Deploy 右上角中的 配置 功能。

如果手机使用不是很方便，可以在windows下使用 Xshell ：

---

二、Nginx 安装

一、安装一些必要的环境

root 用户下的命令

apt-get install build-essential

apt-get install libtool

apt-get install wget

安装 vim，不用的可以不装

apt-get update
apt-get install vim

二、安装 PCRE

PCRE(Perl Compatible Regular Expressions)是一个Perl库，包括 perl 兼容的正则表达式库。

cd /usr/local/src
wget https://ftp.pcre.org/pub/pcre/pcre-8.10.tar.gz
tar -zxvf pcre-8.10.tar.gz
cd pcre-8.10

./configure 

注： ./configure 报错的话

使用这个命令

./configure --build=arm-linux

make
make install

三、安装 zlib

cd /usr/local/src
 
wget http://zlib.net/zlib-1.2.11.tar.gz
tar -zxvf zlib-1.2.11.tar.gz
cd zlib-1.2.11
./configure
make
make install

四、安装 Nginx

cd /usr/local/src

wget http://nginx.org/download/nginx-1.14.0.tar.gz
tar -zxvf nginx-1.14.0.tar.gz
cd nginx-1.14.0
./configure --with-http_stub_status_module  
make
make install

可能会出现的问题：


解决办法：

addgroup nobody
adduser nobody nobody

启动 Nginx

cd /usr/local/nginx
sbin/nginx

关闭 重启 Nginx

sbin/nginx -s stop
sbin/nginx -s reload

浏览器输入 192.168.1.4（启动Linux Deploy时分配的ip）出现以下页面表示nginx 启动成功。

已经写好的网页放在 /usr/local/nginx/html 目录下即可看到结果。

---

三、通过网络访问

浏览器输入 192.168.1.4 只能局域网访问。

在 https://www.ngrok.cc/ 中选择一个免费的服务器，进行设置，可以使用自己购买的域名。

下载

将 sunny 放在一个目录下

执行

./sunny clientid 隧道id

出现以下页面表示成功。

将我们之前编译好的文件

放在 /usr/local/nginx/html 目录下，通过我们的域名即可访问。

写一个脚本，这样可以不用每次输入 clientid
start.sh

#! /bin/bash
date -d
/home/admin/sunny clientid 你的id

启动脚本

root@localhost:/home/admin# sh ./start.sh

---

参考链接

教程 | 用安卓手机搭建 web 服务器（一）—— 应用安装配置