【学习笔记】【保姆级】uniapp将项目打包成H5或web,通过flask实现发布

烟花节 2024-10-18 11:03:01 阅读 62

在uniapp写完项目后,很多小伙伴就在想,自己做的这东西怎么才能让大家访问到呢🤔

办法很多,编译成小程序,通过微信开放平台发布,发布成apk,发布成app上架到应用商店等等,但是这些方法都比较麻烦😭😭😭

今天来讲一个比较简单的——打包成网页版,通过flask发布(低代码量,步骤少)


UniApp部分操作

打包前的配置

在左侧的项目文件目录点击manifest.json

基础配置

点击基础配置,然后在AppID框的右边,点击获取appid(很重要)

然后应用名称随便填,就是之后那个网页的标题 

web配置

配置路由模式为:hash

配置运行的基础路径为:./

只要配置这两个,别的要是不懂的话别乱动

打包

点击编译器上方的 发行

然后点击画圈的那一栏

 

会弹出这么一个窗口

不用改东西,直接点发行

打包后的文件

等一会,然后下方会出现一个这个路径,点一下,会自动帮你定位到文件夹里面

打开文件夹,会看到这两个东西

 将index.html移动到static里面去

python部分操作

python新建一个flask项目(不是今天的主题,这里就不详述了,不会的可以先看看这方面的资料)

将static复制到python项目的根目录中

app.py文件中输入

<code>from flask import Flask, send_from_directory

app = Flask(__name__)

app.static_folder = 'static'

@app.route('/')

def index():

return app.send_static_file('index.html')

if __name__ == '__main__':

app.run(debug=True, port=5000)

然后在终端输入

flask run

即可在本地的

http://127.0.0.1:5000

 接口访问到

注意:

这里只是部署到了flask,可以让内网用户访问到

要让其他IP地址的设备访问到,还得做一个内网穿透的操作

这个很简单,下载一个内网穿透工具就行了,这里也不详述了



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。