本文主要是介绍用flask静态服务器运行angular，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

之所以用这种方案，主要是比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的

static_folder 是静态文件实际路径。
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小很多了。

这篇关于用flask静态服务器运行angular的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！