首页 / 一门APP教程 / 上传vue生成的前端代码使用html网页打包将vue项目制作成APP

中文化、本土化、云端化的在线跨平台软件开发工具，支持APP、电脑端、小程序、IOS免签等等

上传vue生成的前端代码使用html网页打包将vue项目制作成APP

上传vue生成的前端代码使用html网页打包将vue项目制作成APP

一门作为第三方APP底层框架提供者，支持任意前端html代码打包成APP
无需网站，无需域名，直接上传vue生成的html前端项目即可制作APP
无需懂APP原生开发语言，用做html网页的技术就可以制作APP

1.登录一门APP开发者中心，点击新建APP

2.在APP的基本信息里面选择html网页打包

3.设置项目访问的首页文件
这里我们是制作APP
需要在【移动版首页文件 fs://www/】后面的输入框里面设置好首页文件名

我们系统设置默认首页地址为index.html
那我们就在输入框里面输入：index.html

设置之后，我们下拉页面设置好LOGO和启动图
之后点击保存

4.上传前端html文件至一门开发平台
点击在线开发-管理html文件

如图，点击之后可进入到html在线编辑器

如果是首次进入，会有明显的上传文件提示

5.在本地电脑找到vue生成的前端项目目录

比如我们这里使用vue生成了一个H5的项目文件
H5目录里面就是我们的具体文件

温馨提示：我们一定要点击进入项目目录，不能直接将H5目录直接压缩，否则可能会导致修改很多文件的路径，很麻烦.....

点击进入内容文件详情

这里我们直接将所有项目文件全选中

将所有项目文件添加到压缩包

温馨提示：请不要使用360压缩，好压等压缩软件，请使用winrar压缩工具

压缩成zip格式，只支持zip格式

6.上传ZIP压缩包

在一门开发者中心上传我们的zip

上传成功之后，系统会自动解压，在左侧文件树可以看到我们所有的项目内容

7.点击左侧的生成安装包，我们可以直接生成APP的安装包

生成成功之后，使用二维码扫码下载即可体验我们的APP了！！

相关知识：

清远企业app开发定制价格表

企业app开发定制是一个复杂的过程，需要一个专业的团队来完成。在这个过程中，需要考虑到很多因素，如功能需求、技术选型、设计风格、用户体验等等。因此，企业app开发定制的价格也会因项目的复杂性和所需的工作量而有所不同。一、定制流程企业app开发定制的流程一般

2024-01-10

app项目开发方案报价

项目开发方案报价一、项目背景和需求分析在进行app项目开发前，首先需要了解项目的背景和需求。这包括了项目的目标、功能需求、技术要求等方面的内容。根据这些需求，我们可以制定出相应的开发方案。二、功能设计和技术选型在项目的功能设计上，我们需要详细列出每个模块的

2023-07-14

app开发要不要备案

在中国，移动应用程序（App）开发需要进行备案。这是由于中国政府对互联网内容进行严格管理，包括移动应用程序。备案是指将App提交给相关部门进行审查，以确保其内容符合中国法律法规的要求。备案的目的是为了保护用户的合法权益，防止不良信息的传播和非法活动的发生。

2023-06-29

app开发一个静态页面多少钱

App开发一个静态页面的价格因各种因素而异，包括开发公司的地理位置、开发人员的经验水平、页面的复杂程度等等。在本文中，我们将详细介绍App开发一个静态页面的原理，并探讨价格的一些常见因素。首先，我们需要了解什么是静态页面。静态页面是指在加载后内容不会发生变

2023-06-29

app打包安卓开发入门

随着智能手机的普及，移动互联网的快速发展，越来越多的人开始投身于移动应用程序的开发。而对于初学者来说， app 打包是入门开发的重要环节之一。本文将介绍 app 打包的原理和详细步骤，希望能对入门开发的初学者有所帮助。一、什么是 app 打包？打包是指将应

2023-05-06

app开发618有哪些优惠

618购物节是我国电商巨头京东在每年6月18日举办的一项大型促销活动，除了电商行业外，APP开发商也纷纷加入了这个盛宴，推出了各种优惠活动吸引用户使用他们的应用。一、APP Store作为苹果公司的应用商店，APP Store在618期间会推出多种优惠活动

2023-05-06