用flask静态服务器运行angular

2022-01-24 06:00:07 阅读：175 来源： 互联网

标签：exe flask app static build 服务器 angular nw

之所以用这种方案，主要是比nodejs express静态服务器还简单，而且打包成exe更方便，node+pkg打包成1个exe文件，不利于更新angular工程，而flask+cx_freeze打包，文件夹结构还在，直接更新angular工程代码就好。

一、支持angular的flask静态服务器

参考 https://stackoverflow.com/questions/54147782/how-to-use-angular-build-assets-inside-python-flask-static

假定angularbuild之后的dist文件夹（build之后 indexl.html所在的目录）是package.nw，放在flask工程根目录static里

一个app.py就可以搞定：

from flask import Flask, render_template
from flask_cors import CORS

app = Flask(__name__, static_url_path = '',  static_folder= 'static/package.nw', template_folder='static/package.nw')
app.config['SECRET_KEY'] = 'secret!'
app.config['JSON_AS_ASCII'] = False

CORS(app, supports_credentials=True)

@app.route('/')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    print('package.nw静态服务器')
    app.run(host='0.0.0.0', port=5000)

1 static_url_path = '' 必须有。flask默认静态资源都是有前缀的：形如host/static/XXX.js 否

而angular的index.html引用时，都是没有/static的


2 static_folder 是静态文件实际路径。

3 template_folde 是描述index.html所在位置。因为flask的风格是html模板 和静态资源js css 分开的。而angular是统一编译打包在一起的，

二、cx_freeze打包exe，瘦身

因为只是最简单的静态web服务器（且只是调试开发用），所以可以大幅度精简exe体积

setup.py

'''
python setup.py build
python setup.py bdist_msi

'''

import sys
from cx_Freeze import setup, Executable
import os
import shutil

import sys
#base = 'WIN32GUI' if sys.platform == "win32" else None
#控制台
base = None


# Dependencies are automatically detected, but it might need fine tuning.
options = {'includes': [], #子模块XX.xxx
            'include_files': ['static', 'README.md'],
            "packages": ['jinja2.ext'], # 'fcntl'手工创建
            "excludes": ['PIL', 'PyQt5', 'matplotlib', 'scipy', 'numba', 'Cython', 'GDAL', 'tkinter', 'pytz', 'numpy', 'zmq', 'tornado', 'greenlet', 'IPython', 'jupyter_client', 'notebook', 'nose', 'OpenSSL', 'distutils', 'test', 'win32com',
             'asyncio', 'pydoc_data', 'unittest',
            'cryptography', 'pkg_resources', #flask依赖，但这个项目不依赖
             ],
            "build_exe": '../build/static_server_nw',
            #"build_exe": 'D:/dev/ne/seim-frontend-mobile/client/backend',
            }


setup(  name = "静态web服务器测试nw",
        version = "0.1",
        description = "静态web服务器测试nw",
        options = {"build_exe": options},
        executables = [Executable("app.py", base=base)])

cx_freeze并不能很好处理包依赖，一不留神就把大量根本用不到的包打进来，一个是打包变慢，一个是体积巨大，比如pyqt5，只要出现，直接几百M起。

手工指定exclude的思路如下：

1.明显没用到的如matplotlib, pyqt5

2 去build\static_server_nw\lib 下自己看文件夹体积，把体积大（几百K以上）的都排除了

3 然后观察打包过程是否报错，打包后的exe能否运行。缺什么就再添回来

最后，再去build\static_server_nw\lib 下删除libcrypto-1_1.dll（OpenSSL的，实际不需要），

最终打包后的体积在20M之下。比之前好几百M小很多了。

标签：exe,flask,app,static,build,服务器,angular,nw
来源： https://www.cnblogs.com/xuanmanstein/p/15838082.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

用flask静态服务器运行angular

一、支持angular的flask静态服务器

二、cx_freeze打包exe，瘦身