- 微信
- 微博
  
  分享文章到微博
- 复制链接
  
  复制链接到剪贴板

华为9元享一年学生机，前端菜鸟也能给别人看看自己做的项目！

96好好学前端发表于 2019/11/25 15:39:13 2019/11/25

【摘要】活动经同学介绍，华为云学生机1年99元，在牛客网上还有返现活动，99元返90元，相当于一年只要9元。刚开始做前端的同学们，买一个服务器，再将自己做的项目部署至服务器。临近毕业，做一些完整的项目，参加面试时也可展示自己的项目。9元买不了吃亏买不了上当。【学生福利第二波】买云服务器返现≈免费送，还送手环！具体购买流程点击上方连接服务器介绍购买成功后记得申请返现哦！进入华为云管理后台可以看到我们刚...

活动

经同学介绍，华为云学生机1年99元，在牛客网上还有返现活动，99元返90元，相当于一年只要9元。
刚开始做前端的同学们，买一个服务器，再将自己做的项目部署至服务器。
临近毕业，做一些完整的项目，参加面试时也可展示自己的项目。9元买不了吃亏买不了上当。
【学生福利第二波】买云服务器返现≈免费送，还送手环！
具体购买流程点击上方连接

服务器

介绍

购买成功后记得申请返现哦！
进入华为云管理后台

可以看到我们刚刚购买的学生机
（考虑到刚入前端坑的同学们，服务器这里才用Windows Server 2008 R2操作系统
windows操作系统大家都比较熟悉，容易上手——）
1.代表公网ip 也就是我们可以在公网访问到这台机器
2.代表内网ip 相当于我们自己的电脑在局域网内的ip

远程桌面

首先刚刚创建完好像没让我们设置服务器密码所以我也不知道服务器密码是多少
这里点击重置密码，输入新密码并重启。
这里密码在下一步远程连接桌面的时候需要用到

点击桌面左下角win 输入远程桌面

输入刚刚1.公网ip 并输入刚刚设置的密码即可连接到我们华为云学生机windows系统桌面

记得我们要用Administrator这个用户
点击确认此时便可连接成功

安装node等

node安装
在远程桌面cmd.exe输入node -v 得到node版本号说明安装成功

express 建立前端服务器

由于在服务器没有安装编辑器所以我们在本地电脑编写代码后再复制到服务器
新建文件夹在cmd命令下 npm init 创建node项目

成功后生成package.json文件
该文件配置了项目名称入口文件等
新建index.js入口文件

const express = require("express");

const app = express();

//ip&portvar hostName = "127.0.0.1";

var port = 8082;

//静态资源

app.use(express.static("publick"));

//启动服务

app.listen(port, hostName, function () {

console.log(`服务器运行在http://${hostName}:${port}`);

});

下载express:npm install express -S
新建文件夹public 放前端文件并创建index.html

<!DOCTYPE html><html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

</head>

<body>

hello world !

</body>

</html>

启动nodex项目：node index

打开浏览器输入url 成功打开网页

node项目创建成功
（如果你的前端项目是vue框架执行npm run build 打包将打包完成后的文件（index.html和static文件夹）复制到该项目的public文件夹内替换即可)

从公网访问我们刚才的项目

将刚才写好的node项目复制到华为云服务器上 Ctrl+c Ctrl+v 即可

右键index.js 点击编辑更换hostName为服务器的内网ip
服务器的内网ip公网ip可在华为云控制台上查看

将hostName更换为内网ip

点击保存
在文件夹内空白按住shift建+右键再此处打开命令窗口

键入node index

启动成功！
现在我们已经在公网上运行了我们的项目，但是由于华为云安全组策略并没有开放8082端口，需要自行配置
打开华为云服务器控制器点击进入

点击更改安全组规则-入方向规则

这里演示添加所有端口，也可根据项目添加相应的端口

点击确定。
此时，我们就可以在公网访问我们的项目了，url为公网ip:端口号我们的端口号就是我们index.js内配置的port(这里是8082)