首页 / 一门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软件开发是指通过编程语言和开发工具，将一个想法或需求转化为可以在移动设备上运行的应用程序。本文将详细介绍App软件开发的原理和步骤。1. 需求分析：在开始开发之前，需要明确开发的目的和需求。这包括确定目标用户群体、功能需求、用户界面设计和技术要求等。

2023-06-29

app开发身份识别

App开发中的身份识别是指通过一系列的验证和认证过程来确认用户的身份。这是为了保障用户的隐私和数据安全而采取的一种重要措施。在本文中，我将详细介绍App身份识别的原理和实现方法。一、原理：1. 用户注册：用户在使用App之前，需要进行注册。注册过程中，用户

2023-06-29

app开发维护费

App开发维护费是指在App开发完成后，为了保持其正常运行和持续维护所需支付的费用。这些费用包括服务器维护、bug修复、功能更新、安全性维护等方面的工作。首先，服务器维护是App开发维护费的重要组成部分之一。App通常需要依托服务器来存储用户数据、处理用户

2023-06-29

app入门开发学习

APP（Application）即应用程序，是指在移动设备上运行的软件程序，如手机APP、平板电脑APP等。APP的开发是目前互联网领域中最热门和具有广阔发展前景的技术之一。本文将从原理和详细介绍两方面，为读者介绍APP入门开发学习。一、APP开发的原理1

2023-06-29

app开发后怎么提高粘性效率

在当前的时代，移动应用已经成为人们日常生活不可或缺的一部分，无论是购物、出行、社交还是娱乐都可以通过手机应用得到解决。然而，面对愈加激烈的市场竞争，只有拥有高粘性的应用才能够在激烈的市场环境中立于不败之地。所谓的粘性效率，就是指用户对于应用的依赖程度和使用

2023-06-29