首页 / 一门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之前，我们需要明确用户的需求和目标。通过市场调研和用户调研

2023-06-29

app开发测试的流程

APP开发测试是软件开发过程中的关键环节，其目标是确保开发出的APP能够在不同平台下顺利运行、实现预期功能，同时在性能和用户体验上达到满意水平。本文将详细介绍APP开发测试的流程。1. 了解需求和设计APP开发测试的第一步是对项目的需求和设计进行详细了解。

2023-06-29

app开发服务哪家专业

在当今这个数字化时代，每个人都使用手机和电脑，而软件应用程序（APP）正成为近年来的一个强有力的领域。无论是在移动设备还是桌面设备上， app 开发都是一项热门的服务，因为 app 为用户提供了完整的业务流程和系统的体验，从而提高生产力和便利性。在这个领域

2023-06-29

app开发方案doc

App开发方案doc指的是基于文档形式的应用开发方案。在开发任何一款应用之前，都需要有一份详细的方案文档，以确保开发团队在开发过程中遵循相同的路线图和规范，从而保证开发进度和质量。这份文档通常包含以下内容：1. 项目背景和目标：介绍应用的背景和目标，比如为

2023-06-29

app酒店预订开发

酒店预订开发是一项非常具有挑战性的任务，因为它需要将多个复杂的系统整合到一个流畅的用户体验中。在开发此类应用程序时，需要考虑管理酒店信息、预订信息、用户身份验证和付款处理等方面。以下是关于酒店预订开发的详细介绍。一、需求分析在酒店预订应用程序的开发过程中，

2023-05-06

android手机软件快速开发app作业

Android手机软件快速开发APP是一种利用现有工具和库，快速构建出功能丰富、界面美观的Android应用程序的开发方式。具体来说，Android开发快速开发APP的原理是利用现有的代码、工具和库，不依赖于底层原生开发，从而提高开发效率，缩短开发周期，节

2023-05-06