项目上线

后端API源码上传到git

1.打开git，复制一个仓库地址，
2.回到node.js中，调用git init初始化
3.点View>Wool Windows >version Control >browse。然后把四个文件选中，右键Add to vcs。在控制台右键commi 提交到到本地git仓库
4.建立一个.gitignore文件，排除掉一些不希望上传的文件，然后再次commi，把不需要的移除
5.到vcs>git >remots >

文件名和项目地址，再点击右边的斜上箭头，push

node_modules
.iml
.idea

阿里云ECS服务器开通（正式上线）

1.注册账号，点击产品，选择云服务器ECS
2.购买服务器，选择地区，选择核数，单核最便宜17元，镜像选择wind.选6.9（64）
3.存储，选择40g
4.网络不是运维的不需要配置，公网宽度需要选择分配公网IP地址，选择1M固定带宽
5.安全组80窗口
6.系统配置：实例名称用来自定义，剩下的都可以不选
7.分组设置也可以不设置
8.购买期限，下单
购买成功后到管理控制台
1.等待启动…
2.点击升降配置设置密码，然后点击重启。
3.打开cmd控制台：把公网地址复制，输入
ssh root@106.15.231.180
4.点击yes ，输入密码
5.链接上去输入who查看
6.输入ssh-keygen -t rsa 生成公钥，三次y
7.找到公钥的位置 ssh-copy-id -i ~/.ssh/id_rsa.pub root@/106.15.12(公网地址)
8.出现Nub后就可以免密登录
9.出现Broken pipe服务器断开了
10.输入 vim/etc/ssh/sshd_config打开文件
11.选择ClientAliveInterval设置i30，为30秒链接一次服务器
12.改完后输入exit断开，
13.改完配置后需要输入service sshd restart生效，然后再输入exit断开
14.再输入ssh root@imooc链接

安装node.js环境nvm

1.复制指这段话，到服务器环境中执行，然后输入ll .nvm可以查看是否安装成功
2.输入nvm可以查看是否有效，无效输入vim .bashrc查看是否在这个文件，在这个文件输入source .bashrc 来讲环境变量生效，再输入nvm就可以生效
3.通过nvm install node来安装最近的版本
4.再安装cnpm 进入官方查找，在服务器安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
5.使用cnpm -v查看安装的包

安装yum库管理

1.yum -y install pcre安装
2.yum -y install openssl
3.通过mkdir建立目录，mkdir nginx
4.把源码放入nginx目录，cd nginx到目录，
输入wget http://nginx.org/download/nginx-1.12.2.tar.gz就开始下载目录
5.输入make和gcc指令是否存在，
6.tar -zxvf nginx-1.12.2.tar.gz指令来解压
7.cd nginx-1.12.2 到目录 ll
8.通过./configure执行目录的绿色文件
9.输入make -j4对源码进行编译
10.编译完成后通过make install来进行安装
11.通过 nginx来查看是否安装成功
12.cd /usr/bin/ 进入目录里面的命令都是可以使用的
13.ln -s /usr/local/nginx/sbbin/nginx nginx创建
14.cd 货到root ，调用nginx是否能启动，
15.nginx -s stop停止服务
16. cd /usr/local/nginx 进入这个目录，ll
17. 然后里面有个conf,然后cd到conf目录，vim nginx.conf进入该文件，里面可以查看80窗口和

在浏览器中访问服务

1.输入 ping imooc，查看IP地址，在网页上通过远程访问后就可以把项目上传了

2.希望能够支持默认的配置，进入到cd nginx/
然后再创建一个vim nginx.conf文件
3.打开主配置文件，vim /usr/local/nginx/conf/nginx.conf打开这个文件
4.修改这个文件，把user 改为root，取消注释
5.到配置文件最后添加新的内容，将下写了就会把所有的文件引入，输入:wq返回
.conf后加分好;

6.接着输入vim nginx.conf打开文件，写入一些内容，创建一个目录

7.输入mkdir upload创建目录
8.我们可以把主配置文件的监听端口改成9000
9.继续进入vim nginx.conf写配置，输入:wq返回

10.输入vim index.html 创建一个文件，进入然写内容
11.nginx -t检测配置文件，看是否有保存，没有报错就可以到网页上访问index的内容了，看见内容就可以把项目上传到服务中

项目上传到服务中

1.iso用file Zilla，window用xxpp工具上传
2.通过我的站点，创建一个新的站点。
3.选择协议SFTP-SSH FLIE来
4.主机 imooc ，然后连接

5.进入右侧的nginx>upload>中把请求资源都放入该目录。源码需要编译放入
6.重新进入 cd nginx/ 进入> ll
vim nginx.conf进入目录，把autoindex注释掉，不允许访问主目录，这样就要把资源路径写上才可以访问

通过git下载源码上传到服务中

1.登录服务器，离开其他目录，输入 cd… 和ll回到root目录下输入pwd可以查看在哪个位置
2.输入git指令，出现 not found是还没用安装，输入yum install - y git安装
3.输入git -v查看是否存在,
4.输入mkdir imooc-ebook和ll给源码创建一个目录
5.输入cd imooc-ebook 进入该目录
6.输入git clone （+项目源码下载地址）
7.出现401错误是没有权限下载源码，（展缓）
8.通过git -v查看版本，如果我们版本较老，输入yum remove git删除，再输入yum install -y curl-devel expat-devel gette xt-devl openssl-devel zlib-devel安装最新版本

9.再通过源码的依赖安装

10.再次输入下载最新版本

11.输入解压

12. ll解压完毕 输出cd git-2.9.2/进入目录
13. 通过make进行编译，指定安装文件的指定目录
14. 出现源码编译错误，再输出
15. 再通过13编译，
16. 编译完成后安装一下，输入
17. 安装完
18. 检测gIt安装路径![在这里插入图片描述]
19.再通过输入下载源码
20.输入后需要登录密码，输入解决免密。后面是git仓库的账号

21.秘钥生成输入打印到终端上

22.将秘钥拷贝出来，在git中账号设置添加秘钥设置
23.通过 cd 进入目录，再次下载源码

24.通过SSH下载就不需要密码，再下载noded的源码

25.进入目录，更新代码，看是否需要密码

前端项目构建和发布

1.把前端项目和nodejs放入服务器，并把node启动，使我们可以访问
2.cd进入前端代码，然后初始化 cnpm i,进行打包
3. ll后，再输入cnpm run build打包，回生成dist目录，所以我们把dist目录拷贝到服务器就好
4. 打包成功后，cd dist进入目录，可以查看目录。cd …返回上级目录
5. 创建book目录，进入book目录查看，
6. 此时通过访问服务器地址，可以访问项目

改动环境变量

1.项目中的环境变量还是测试的线上变量，现在我们要进行改成生产变量
2.到nodejs中创建一个env,js

const env = "prod"

module.exports = env

3.到const引入变量，
生产环境变量的地址可以通过cd计入,然后再用pwd来输入路径

const env = require('./env')

let resUrl
let mp3FilePath
let dbHost
let dbUser
let dbPwd
if (env === 'dev') {//当环境是dev时
  resUrl = 'http://192.168.31.243:8081'
  mp3FilePath = '/Users/sam/Desktop/resource/mp3'
  dbHost = 'localhost'
  dbUser = 'root'
  dbPwd = '12345678'
} else if (env === 'prod') { //当环境是生产时改变ip地址
  resUrl = 'http://106.15.231.180'
  mp3FilePath = '/root/nginx/upload/mp3'
  dbHost = '106.15.231.180'
  dbUser = 'root'
  dbPwd = 'Abcd123456.'
}

const category = [
  'Biomedicine',
  'BusinessandManagement',
  'ComputerScience',
  'EarthSciences',
  'Economics',
  'Engineering',
  'Education',
  'Environment',
  'Geography',
  'History',
  'Laws',
  'LifeSciences',
  'Literature',
  'SocialSciences',
  'MaterialsScience',
  'Mathematics',
  'MedicineAndPublicHealth',
  'Philosophy',
  'Physics',
  'PoliticalScienceAndInternationalRelations',
  'Psychology',
  'Statistics'
]

module.exports = {
  resUrl,
  category,
  mp3FilePath,
  dbHost,
  dbUser,
  dbPwd
}

3.改完后把源码再上传到git中，然后进入服务输入，进入Nodejs目录，更新代码

4.初始化nodejs、cnpm i
5.然后通过node app.js启动服务，3000端口只能在局域网中访问，外网访问不到，想访问通过以下
6.可以把我们的app的服务也添加到阿里云中，测试完要改成拒绝
；
7.输入node app.js &设置后台启动。

安装mySQL数据库

1.输入yum -y install mysql-server
2.service mysqld restart 启动数据服务
3.输入mysql -u root -p 进入数据库客户端
4.输入指令获取密码，然后再登录

5.输入指令查看，提示要重置密码，然输入重置密码

6.退出，然后再登录，输入密码

7.到阿里元控制台添加3306/3306

8.再到数据库新建一个地址，输入IP地址，是访问公网地址，密码设置成在服务器设置的一样

9.出现一个报错，提示不允许链接不是本机的端口。解决到服务中，输入 use mysql
然后再输入,设置所以的IP地址都能兼容，密码可以设置和前面的一样

10.再到数据库点击测试链接，
11.到服务中输入赋予所以权限，然后把设置生效

12.断开链接后，重新链接数据看，就可以看见四个表了，创建一个数据表

13.打开查询把book.sql数据放入查询
14.到服务端输入 查询数据能否被查看

15.进入Book表然后查询

16. 到const中进行判断，链接本地数据库还是链接服务端数据库，再到app.js中改内容接口
17. 输入测试，是否成功，成功然后再把源码提交上去，在更新代码
18.对源码中的环境变量进行替换成服务地址，这里也可以先用线上在本地测试，成功访问后再换

19.源码中vue.config中的大小再*10
20.再重新启动源码项目，看是否能启动，在此输入npm run build打包

21.先删除然后再，添加，移动

一键部署更新

1.通过生成文件，查找内容更新，打出输入的内容

2.进入刚创建的文件中中，把内容删除了，

3.进入前端代码，然后进入目录，复制目录，

4.进入目录。编辑目录

5.进入目录，测试自动更新

6.查看目录是否更新

7.输入进入自动发布页面，进行编辑添加nodejs的发布


8.然启动更新

9.输入命令，查看端口是否启动

域名注册

1.到阿里云官网知道域名注册
2.然后搜索一个自己喜欢的域名，可以购买
3.购买域名后，到管理控制台左侧点击域名可以查看和操作
4.点击解析，然后添加记录。主机记录：前缀，记录值：发布的ip地址
5.需要备案，点击申请备案