后端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. 此时通过访问服务器地址,可以访问项目

改动环境变量
讯享网 const env = "prod" module.exports = env
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 = '' } else if (env === 'prod') {
//当环境是生产时改变ip地址 resUrl = 'http://106.15.231.180' mp3FilePath = '/root/nginx/upload/mp3' dbHost = '106.15.231.180' dbUser = 'root' dbPwd = 'Abcd.' } 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.需要备案,点击申请备案
讯享网
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/42817.html