超简单实用代码远程部署方案

本教程提供傻瓜式解决方案,什么东西都给你准备好了,但是需node环境。

全局安装fis3

npm install -g fis3

在本地代码目录下,创建node项目

npm init

安装fis3上传插件

npm install fis3-deploy-http-push-pre --save

在node_modules文件夹中找到我们的插件fis3-deploy-http-push-pre

超简单实用代码远程部署方案_第1张图片
image.png

把插件中的server文件夹拷贝出来

超简单实用代码远程部署方案_第2张图片
image.png

复制到我们的服务器上(服务器也需要node环境)
在server文件夹内打开命令窗口执行

npm install
npm run start
超简单实用代码远程部署方案_第3张图片
image.png

出现上图则服务器端已经启动好了。
接下来在本地项目创建一个fis-conf.js添加以下代码:

fis.media('push')
.match('*', { //如果基于其他构建工具打包产生一个dist目录可这样写.match('/dist/**',{
  deploy: fis.plugin('http-push-pre', {
    receiver: '(你的目标服务器ip):8999/receiver',
    //远端目录
    to: 'E:/fis3_http_test/',
    data:{
      'prePath' : '/clear',  //可选
    }
  })
})
.set('project.ignore', [ //不想上传的文件或文件夹以数组形式添加到此处
  'a.js',   //不上传a.js文件
  'node_modules/**',  //不上传node_modules文件夹下的所有文件
]);

配置说明:
receiver:服务器响应接口,默认为8999,如若修改请修改server文件夹下的server.js

超简单实用代码远程部署方案_第4张图片
image.png

to:代码提交服务器的路径。
prePath:server.js提供在上传之前的get接口,只有get请求返回成功在会执行上传操作,现在只提供'/clear',如果没有'/clear'执行覆盖上传,如果有'/clear'怎为先清空服务器目录,在执行上传操作。更多其他接口可自行添加。
在项目打开命令行执行

fis3 release push

结束后,看看是不是你的代码已经上传成功啦~~~
ps:以后代码上传就执行一下fis3 release push就可以啦,是不是很方便?(__) 嘻嘻

你的鼓励是我最大的动力,如果上传成功啦,我就厚颜求个小星星~,有任何疑问欢迎找我咨询(←请点击)

你可能感兴趣的:(超简单实用代码远程部署方案)