django+vue项目一键部署脚本打包文件

最新推荐文章于 2024-08-02 17:05:47 发布
最新推荐文章于 2024-08-02 17:05:47 发布
阅读量1.3k 收藏 4
点赞数
分类专栏： IT随笔
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34663267/article/details/103531577
版权

最近搞项目部署，编写项目打包执行脚本，踩了跟多坑，先写思路，后面会更新.sh脚本写法和问题细节。
一、dajngo端：

  1. 收集python包（库），pip3 install进行安装；
  2. 创建临时文件；
  3. 拷贝到发布路径；

二、vue端:

  1. 安装node_modules依赖库，node.js环境；
  2. npm install 安装；
  3. npm run build打包；

三、脚本在项目整体的位置：
在这里插入图片描述

四、shell脚本详情：
1.主打包脚本/sus/packet_bin_linux:

#!/bin/bash

if [ ! -d "../../10-common/version/release/linux/sus" ]; then
  mkdir ../../10-common/version/release/linux/sus
fi

# packet susmgr
echo "begin packet susmgr.. "
cd susmgr
chmod +x package.sh
./package.sh
cd ..

# packet sussrv_py
echo "begin packet sussrv_py.. "
cd sussrv_py
chmod +x package.sh
./package.sh
cd ..

# packet sussrv
rm -rf sus
rm -f sus.tgz
mkdir sus
cp -f sussrv/prj_linux/sus sus/sus
if [ $? != 0 ]
then
echo " sus was not copied.. "
fi

cp -rf sussrv/prj_linux/conf sus/
cp -rf sussrv/prj_linux/shells sus/
tar -czf sus.tgz sus
cat sussrv/prj_linux/install.sh sus.tgz > sus.bin
mv sus.bin               ../../10-common/version/release/linux/sus
cp sussrv/prj_linux/sus ../../10-common/version/release/linux/sus
rm -rf sus

其中# packet susmgr是启动susmgr模块的启动脚本package.sh
2.susmgr模块启动打包脚本/sus/susmgr/package.sh：

#!/bin/bash

version=6.0.0.4.0
myDate="${version}-`date '+%Y%m%d%H%M'`"

mkdir -p .files_temp/
ls build
\cp -a build .files_temp/
mkdir -p .files_temp/build/susmgr
ls | grep -v ".files_temp" | grep -v "release" | xargs -i \cp -a {} .files_temp/build/susmgr

\cp -a ../../../10-common/version/release/linux/python/certifi-2019.11.28-py2.py3-none-any.whl  .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/chardet-3.0.4-py2.py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/django_conn_pool-2.0.3-py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/django_cors_headers-3.0.2-py2.py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/django_redis-4.10.0-py2.py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/Django-2.1.4-py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/djangorestframework-3.9.4-py2.py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/hiredis-1.0.0-cp35-cp35m-manylinux1_x86_64.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/idna-2.8-py2.py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/lupa-1.8-cp35-cp35m-manylinux1_x86_64.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/pbr-5.4.3-py2.py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/PyMySQL-0.9.3-py2.py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/python_dateutil-2.8.0-py2.py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/pytz-2019.1-py2.py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/setuptools-42.0.2-py2.py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/six-1.12.0-py2.py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/SQLAlchemy-1.3.8.tar.gz .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/sqlparse-0.3.0-py2.py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/stevedore-1.31.0-py2.py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/requests-2.22.0-py2.py3-none-any.whl .files_temp/build/python3/package/
\cp -a ../../../10-common/version/release/linux/python/uwsgi-2.0.18.tar.gz .files_temp/build/python3/package/

# python3 模块打包
cd .files_temp/build/python3/
PACKAGE_PATH=$(pwd)
./package.sh ${PACKAGE_PATH}
rm -rf package
zip -r susmgr_python3.zip susmgr_python3/
rm -rf susmgr_python3
cd -

# 前端打包
cd .files_temp/build
dist_path=$(pwd)/susmgr/susweb
./susweb/package.sh ${dist_path}
cd -

# 后端打包
cd .files_temp/build/
echo ${myDate} > susmgr/version
zip -r susmgr.zip susmgr/
rm -rf susmgr
cd - 

#make susmgr.bin
cd .files_temp
chmod +x build/install.sh
makeself.sh build/  susmgr.bin  "Installing susmgr_client..." ./install.sh
cd - 

\cp -a .files_temp/susmgr.bin ../../../10-common/version/release/linux/sus/susmgr.bin
rm -rf .files_temp

值得提的地方就是-我们把项目用到的python包提前下载拷贝到我们统一管理的目录

/10-common/version/release/linux/python

下，进行拷贝来收集python库（包）。
3.接着进行进行安装搜集的库，执行脚本/sus/susmgr/build/python3/package.sh：

#!/bin/bash

PYTHON_PATH=/opt/midware/python3
export LC_ALL="en_US.UTF-8"

pythonpath=$1/susmgr_python3

mkdir -p ${pythonpath}/lib/python3.5/site-packages
export PYTHONPATH=${pythonpath}/lib/python3.5/site-packages
INSTALL="--prefix=${pythonpath}"

package_list=`${PYTHON_PATH}/bin/pip3 list`
if [[ ${package_list} =~ "certifi" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/certifi-2019.11.28-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "chardet" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/chardet-3.0.4-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "PyMySQL" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/PyMySQL-0.9.3-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "pytz" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/pytz-2019.1-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "sqlparse" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/sqlparse-0.3.0-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "Django" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/Django-2.1.4-py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "django_cors_headers" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/django_cors_headers-3.0.2-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "django_conn_pool" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/django_conn_pool-2.0.3-py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "django_redis" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/django_redis-4.10.0-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "djangorestframework" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/djangorestframework-3.9.4-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "hiredis" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/hiredis-1.0.0-cp35-cp35m-manylinux1_x86_64.whl ${INSTALL}
fi

if [[ ${package_list} =~ "idna" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/idna-2.8-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "lupa" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/lupa-1.8-cp35-cp35m-manylinux1_x86_64.whl ${INSTALL}
fi

if [[ ${package_list} =~ "pbr" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/pbr-5.4.3-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "PyMySQL" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/PyMySQL-0.9.3-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "six" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/six-1.12.0-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "python_dateutil" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/python_dateutil-2.8.0-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "setuptools" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/setuptools-42.0.2-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "django-cors-headers" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install django_cors_headers-3.0.2-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "SQLAlchemy" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/SQLAlchemy-1.3.8.tar.gz ${INSTALL}
fi

if [[ ${package_list} =~ "stevedore" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/stevedore-1.31.0-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "requests" ]];then
    :
else
    ${PYTHON_PATH}/bin/pip3 install package/requests-2.22.0-py2.py3-none-any.whl ${INSTALL}
fi

if [[ ${package_list} =~ "uWSGI" ]];then
    :
else
    cd package
    tar -zxf uwsgi-2.0.18.tar.gz
    cd uwsgi-2.0.18
    sed -i 's/^xml.*$/xml = false/g' buildconf/base.ini
    ${PYTHON_PATH}/bin/python3 setup.py install ${INSTALL}
    cd ..
    rm -rf uwsgi-2.0.18
    cd ..
fi

3.进行前端打包，执行脚本/sus/susmgr/build/susweb/package.sh:

#!/bin/bash -x
PS4='$(date "+%s.%N ($LINENO) + ")'
cd $1
WORK=$(pwd)

rm -rf node_modules*
rm -rf node-v8.11.2-linux-x64*

cp -a ../../../../../../../10-common/version/release/linux/vue/node_modules.tar ./
cp -a ../../../../../../../10-common/version/release/linux/vue/node-v8.11.2-linux-x64.tar ./

tar -xf node-v8.11.2-linux-x64.tar
tar -xf node_modules.tar

export PATH=$PATH:$WORK/node-v8.11.2-linux-x64/bin
npm install
npm run build

rm -rf node_modules*
rm -rf node-v8.11.2-linux-x64*

cd -

4.执行生成.bin包脚本/sus/susmgr/build/install.sh:

#!/bin/bash

BASE_PATH=/opt/mcu/susmgr

mkdir -p /opt/log/susmgr
mkdir -p /opt/data/susmgr
mkdir -p $BASE_PATH

# susmgr_python3
rm -rf ${BASE_PATH}/susmgr_python3
unzip -d ${BASE_PATH}/ python3/susmgr_python3.zip

# susmgr
rm -rf ${BASE_PATH}/susmgr
unzip -d ${BASE_PATH}/ susmgr.zip

# 复制shells文件
rm -rf ${BASE_PATH}/shells
\cp -a ${BASE_PATH}/susmgr/shells ${BASE_PATH}/
chmod 0755 ${BASE_PATH}/shells/*

shells文件夹放的是启动和停止uwsgi服务的脚本：
在这里插入图片描述
四、结语：
最后也是通过把生成的bin包拷贝到发布路径，执行.bin文件便可以一键安装启动服务。

前热火球员LeBron James
关注
专栏目录
Django 分布式部署管理 Scrapy爬虫脚本
Mr数据杨
08-13 3万+
将我们爬虫工程师通过 Scrapy 爬虫框架写好的项目整合到 Django的 Web环境进行统一管理的后台。简单理为一个Admin后台进行控制我们写好的爬虫脚本，进行有针对性的网络数据采集（比如固定时间、固定间隔、或者一次性采集）方便管理，并且对项目进行简单的项目管理，对于了解Django的Web开发的小伙伴来说后期如果需要报表功能可以基于这个框架自己增加Admin中的模块功能，比较容易。
【Django-vue-admin学习笔记】写个脚本更新云端前后端服务
Mr数据杨
02-27 540
通过本文的介绍，我们展示了如何利用Python脚本实现远程更新代码的自动化过程，从而大大提升了开发和部署的效率。这种方法不仅适用于个人项目，也能在团队开发中发挥重要作用，特别是在需要频繁更新和部署的场景下。自动化脚本的实现，证明了技术的力量不仅仅在于创造新的解决方案，更在于优化和简化现有的工作流程，释放人类的创造力。我们鼓励每位读者尝试将这些技术应用到自己的工作中，体验自动化带来的便捷和高效。同时也期待读者们能分享自己的实践经验和创新方案，共同推动技术的进步和应用。
Django + vue部署，vue打包后的文件放到django后台
guochunbiao0416的博客
03-31 2235
1.目录结构 2.在dhango项目中新建文件夹，frontend（用来存放前端代码），将vue打包的dist目录的文件放到里面，包括static静态文件 3.修改setting主要配置文件 第一处： TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join(BASE_DIR, 'frontend')]
vue + django 项目打包上线
weixin_38848757的博客
05-07 308
Vue 在 Vue 项目 vue.config.js 中加入 publicPath 配置项 module.exports = { publicPath: '/front', ... }
django+vue3实现打包配置
最新发布
qq_38407055的博客
08-02 226
VUE打包配置django 配置url:setting.py。
django自动化部署脚本
weixin_34352005的博客
09-12 260
while read line;do echo'kill '$line; kill $line; done < /tmp/celeryd.pid while read line;do echo'kill '$line; kill $line; done < /tmp/runserver.pid ps -ef | grep runs...
vue+uwsgi+nginx部署路飞学城
weixin_30677073的博客
12-22 158
有一天，老男孩的苑日天给我发来了两个神秘代码，听说是和mjj的结晶 超哥将这两个代码，放到了一个网站上，大家可以自行下载 路飞学城django代码 https://files.cnblogs.com/files/pyyu/luffy_boy.zip vue代码 https://files.cnblogs.com/files/pyyu/07-luffy_projec...
Django项目部署 - 脚本自动化
valexchao的博客
04-30 378
待更
【Django-vue-admin学习笔记】自由切换web前端路由的脚本
Mr数据杨
04-20 80
主要为了偷懒，因为本地前端项目环境每次部署和开发都要切换路由，这玩意太麻烦了，于是就做了个自动切换的脚本，原理呢就是通过python对配置文件进行操作处理。这里我只做了3个.bat文件应对不同的开发环境直接点脚本切换API即可。
GitHub热门开源项目-2024版
生活在别处
07-15 755
前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。中英文敏感词、语言检测、中外手机/电话归属地/运营商查询、名字推断性别、手机号抽取、身份证抽取、邮箱抽取、中日文人名库、中文缩写库、拆字词典、词汇情感值、停用词、反动词表、暴恐词表、繁简体转换、英文模拟中文发音、汪峰歌词生成器、职业名称词库、同义词库、反义词库、否定词库、汽…互联网 Java 工程师进阶知识完全扫盲：涵盖高并发、分布式、高可用、微服务、海量数据处理等领域知识。各取所需，高效学习。
java框架 零基础从入门到精通的学习路线 附开源项目面经等（超全）
码农研究僧的博客
10-01 2万+
目录前言1. 学习路线2. 学习方法 前言 这篇文章主要总结我之前所学过的框架以及学习路线 从实打实的零基础到框架再到项目 之后实习工作 也在这篇博客中记录我的学习笔记 以及在笔记中遇到的配置安装、代码bug等错误 都从零开始摸索并且记录了下来 后期也会一直实时更新 一键三连防丢失 直奔主题 1. 学习路线 作为刚开始的程序员小白，你可能想成为一名大佬，但你连基本的程序、命令等都不懂，不用慌，学就完事了，大家都是这么过来的 以下文章链接都是实打实的记录学术博客 你可以通过我的文章进行巩固学习 在每篇博客中还
vue与django集成打包的实现方法
12-13
1.首先创建 django项目 并在 django项目文件下创建vue项目 2.修改django项目文件下的setting.py 修改django模板路径 指向 vue项目的dist TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [BASE_DIR+"/vue-resources/dist"], 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [
python教程之Django部署资料
02-27
django核心运行原理，很强大的文档，利于读懂django。
接口测试+自动化接口测试详解入门到精通
HB8888888的博客
04-10 4613
1：json模块的使用 　　字典是一种存储类型，json是一种格式（完全不同） 　　json.loads()函数是将json字符串转化为字典（dict） 　　json.dumps()函数是将字典转化为json字符串 　　json.dump()和json.load()主要用来读写json文件函数 2：接口自动化测试概叙 　　什么是接口测试： 　　前后端不分离：淘宝网站（响应的数据在页面，访问响应的数据是html的）返回的是一整个html（做接口难，需要解析数据，因为返回的是整个html代码） 　　前
Django运维系统之---一键部署Apache
weixin_39098318的博客
05-12 513
背景 运维系统的好处就是可以将复杂的事情简单化！就好比说去部署一个应用，要下载配置启动设置开机自启等等一系列操作，但是我们可以利用工具去帮我们执行这一系列的东西~只需要手指轻轻一点就完成 一、思路 部署应用其实就去去下载服务软件，然后按照自己的需求去修改配置文件，从而达到我们想要的服务。 那么我们意见部署的思路就是： 当系统连接上服务器后，让后台发送shell，让服务器执行指定的shell就可以完成下载了。但是要达到我们需要的服务效果，还需要对配置文件进行修改。 二、实现 1.连接websocket与ssh
VUE,webpack简单使用脚本打包（手动配置）
NI_computer的博客
10-14 888
Webpack是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过loader的转换，任何形式的资源都可以视作模块，比如CommonJs模块、AMD模块、ES6模块、CSS、图片、JSON、Coffeescript、LESS等。 webpack官网地址 webpack的简单使用： 使用前提：已经安装了node.js最近版本 1.初始化项目 进入项目中 npm init 一直
Python通过Django搭建网站执行Lua脚本 （实现数据解析）
热门推荐
HowieXue 薛永浩的博客
02-14 5万+
Python通过Django搭建网站实现Lua脚本数据解析 论Python与Lua交互有多种，但很多仅凭纯Script操作不是很爽，有个网页UI操作着会方便些。 使用Python的Django搭个Bin-Json消息转换网站，App/Cloud/Device三方通过网站对消息数据 执行lua解析转换，检查各方数据是否有误。
刨析django----django+vue项目部署
weixin_45228198的博客
05-02 3585
文章目录打包Vue项目方案1打包Vue项目配置django端方案2部署django到公网 打包Vue项目 需将Vue项目打包为静态资源，放入django项目中，具体方法如下：   方案1 打包Vue项目 # 项目目录下 npm run build 会生成一个dist目录，内部就是静态文件；如下： “vue”: “^2.6.11” ico图标，加载不到，就放入static目录     生成的index首页： 必须修改静态文件的路径，以/static/开头 另外，有的vue版
Django项目使用vue打包前端页面使用教程
唯有热爱 可抵万难
02-27 629
本文将教会你如何使用vue进行打包前端项目，并且将打包后的文件配置到Django项目当中，以便Django项目可以直接访问vue制作的精美页面。从0到1的配置修改，打包方法说明。
Django+Vue.js快速搭建Web项目教程
在Django项目的settings.py中，设置STATIC_URL和STATICFILES_DIRS，以便Django能正确找到Vue.js的打包文件。 3、测试完整应用： 启动Django服务器，访问指定URL，确认前后端交互正常，无误后，可以将应用部署到生产...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值