react 创建 部署

1.注册一个新的阿里云ECS(然后连接)

2.1 wget命令下载Node.js安装包。该安装包是编译好的文件,解压之后,在bin文件夹中就已存在node和npm,无需重复编译。

wget https://nodejs.org/dist/v6.9.5/node-v6.9.5-linux-x64.tar.xz

2.2 解压文件。

tar xvf node-v6.9.5-linux-x64.tar.xz

2.3 创建软链接,使node和npm命令全局有效。通过创建软链接的方法,使得在任意目录下都可以直接使用node和npm命令:

ln -s /root/node-v6.9.5-linux-x64/bin/node /usr/local/bin/node
ln -s /root/node-v6.9.5-linux-x64/bin/npm /usr/local/bin/npm

2.4 查看node、npm版本。

node -v
npm -v

3. 部署node看安全组是否打开

3.1 新建项目文件example.js。

cd ~
touch example.js

3.2 使用vim编辑器打开项目文件example.js。

yum install vim
vim example.js

输入 i,进入编辑模式,将以下项目文件内容粘贴到文件中。使用Esc按钮,退出编辑模式,输入:wq,回车,保存文件内容并退出。
项目文件内容:

const http = require('http');
const hostname = '0.0.0.0';
const port = 3000;
const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/plain');
res.end('Hello World\n');
});
server.listen(port, hostname, () => {
console.log(`Server running at http://${hostname}:${port}/`);
});

3.3 运行项目。

node ~/example.js

最后浏览器访问http://实例公网IP地址:端口号

4. 在本地创建react 项目

4.1 安装creat-react-app cli

npm install -g create-react-app

4.2 创建工程

create-react-app react-ld

然后进入项目根目录react-seed安装相关依赖

cd react-ld
npm install

4.3 暴露配置项
由于采用create-react-app创建的项目webpack等配置信息都是封装好的,所以为了灵活修改相关配置,可以通过以下命令让封装好的配置文件暴露出来。

npm run eject

5. 把创建好的工程上传服务器.(如果用用zip压缩 :yum install -y unzip zip;)

6. 运行

首先对项目进行打包。

npm run build

可以通过以下命令在本地环境运行打包后的项目。

serve -s build

如果没有serve

npm install -g serve
export PATH=$PATH:/root/node-v6.9.5-linux-x64/bin/
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容