开发者社区> 儒清> 正文

沃土前端社区教程 - 快速搭建服务器v1.0

简介: 准备工作 购买一个阿里云的ecs服务器 购买域名并进行验证(可以迟一点提供) 一、在镜像市场选择合适的镜像 二、登录控制台 首次登录可控制台使用命令 ssh root@公网服务器ip root是最高权限账号,可以配置其他账号 同一台电...
+关注继续查看

准备工作

  1. 购买一个阿里云的ecs服务器
  2. 购买域名并进行验证(可以迟一点提供)

一、在镜像市场选择合适的镜像

二、登录控制台

  1. 首次登录可控制台使用命令 ssh root@公网服务器ip root是最高权限账号,可以配置其他账号
  2. 同一台电脑重置镜像之后需要重置密钥,命令:ssh-keygen -R ip,然后再输入上面的那个命令来登录,显示提示框时输入yes,让电脑记住密钥,下回不再提示,最后显示 Welcome to aliyun Elastic Compute Service! 表示成功
  3. window推荐使用xshell工具

三、安装ftp服务

  1. 下载FIleZilla,新建站点,输入主机名(公网ip),端口填22,协议选sftp,输入登录账号密码(选择镜像时设置的)
  2. 添加安全组(阿里云控制台 -> 云ECS服务器 -> 安全组)规则开发8080端口
  3. 用公网ip访问网站,测试是否成功

四、安装nodejs服务

  1. 安装nvm(node版本管理) 命令: wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.30.1/install.sh | bash
  2. 安装nodejs nvm install 版本号 比如: nvm install 8.7
  3. 配置淘宝镜像npm config set registry=http://registry.npm.taobao.org
    使用npm config list查看是否配置成功
  4. 通过filezilla上传node服务代码(我用的是9999端口)
  5. 开发9999端口和27017端口(mongodb端口,客户端工具robomongo)

五、安装pm2 进程保护模块

  1. npm i pm2 -g
  2. pm2 start app.js(node服务启动文件名称)
  3. pm2 相关配置文章 http://www.cnblogs.com/chyingp/p/pm2-documentation.html
踩坑记录
  1. 需要设置默认版本号,不然每次进去都要选择版本才能用,使用命令nvm alias default 版本号 来设置

六、nginx配置

  1. 修改/etc/nginx/nginx.conf文件,配置nginx代理转发
  2. 常用命令 systemctl start|stop|restart nginx
  3. 代理端口设置(需要先配置阿里云的安全组,开放权限),比如 http://xxx.cn:9999 代理到 http//xxx.cn/api
location /api/ {
        proxy_pass http://127.0.0.1:9999/;
}
location / {
    index index.html index.php;
}

七、绑定域名

进到阿里云域名配置选项,添加解析

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
【芯片前端】以vcs编译环境为例做一个适用于芯片前端的极简版Makefile实操教程
【芯片前端】以vcs编译环境为例做一个适用于芯片前端的极简版Makefile实操教程
55 0
前端入门ArcGIS教程(一)(下)
本文适合对图形、地图、可视化感兴趣的小伙伴阅读。
64 0
前端入门ArcGIS教程(一)(上)
本文适合对图形、地图、可视化感兴趣的小伙伴阅读。
130 0
使用Docker部署前端项目实战教程,该踩的坑我都帮你踩了!(下)
使用Docker部署前端项目实战教程,该踩的坑我都帮你踩了!
101 0
使用Docker部署前端项目实战教程,该踩的坑我都帮你踩了!(上)
使用Docker部署前端项目实战教程,该踩的坑我都帮你踩了!
130 0
Vue视频 | 【Vue2 + Vue3 前端教程】完整版
目前大部分公司还是以vue、react技术为主的,而Vue中还是以Vue2为主流,但不可否认Vue3是未来所必须的且已有这个趋向了 今天给大家介绍一个Vue的教程 里面既有现在主流的Vue2 同时也存在Vue3教程 每个教程里面都有视频 以及配套资料(代码,讲义ppt,学习计划)
66 0
vue社区之---前端面试(前端中的那些方法)
vue社区之---前端面试(前端中的那些方法)
68 0
前端:给新手看的 React Hooks 教程
  "Hooks 到底是个啥玩意儿???"   你是不是有这样的疑惑?在你自认为已经了解了差不多 React 所有的内容的时候,Hooks 就这么出现了。   这就是前端开发人员的日常,技术从未停止更新。
67 0
前端Vue项目打包部署实战教程
前言 在前后端还没有分离的时代下,前端项目通常时放在后端项目的静态资源目录下一起部署的,那个时候并没有专门的前端程序员,或者也可以说前端程序员不需要自己部署网站。通常前端人员只需要把网站源文件如.html文件结尾的资源包发给后端或者运维即可,剩下的事便交给后端或运维搞定了。 但是前后端分离开发后,前后端项目也通常分离部署了,这个时候可能就需要前端人员自己部署前端项目,然后前端人员可能很少接触到服务器等知识,所以部署网站时总是捉襟见肘。 这边文章主要就是讲解如何将一个前端项目部署到服务器,并且外网可以访问,前端项目就以Vue项目为例。
845 0
+关注
儒清
热衷web前端技术研究、热爱分享、热爱运动、热爱生活。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
万物互联语音交互从端开始——前端处理从技术到商业
立即下载
2022 前端技术趋势解读
立即下载
智能前端技术与实践
立即下载