首页 / 一门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的开发原理1.框架选择晴隆APP采用了前后端分离的架构，前端使用

2024-01-10

如何快速开发一个新闻app

开发一个新闻APP可以帮助你在短时间内拥有一个全新的、专业的、定制化的新闻平台。下面我们将介绍如何快速开发一个新闻APP。1.确定目标用户和需求在开发新闻APP之前，首先需要确定目标用户和需求。目标用户是谁？他们对新闻的需求是什么？他们会使用哪些设备来访问

2024-01-10

app软件开发工具和方法

在移动互联网时代，app软件开发成为了热门的技术领域。为了更高效地开发出功能强大、用户体验良好的app软件，开发者们使用了各种工具和方法。本文将详细介绍几种常用的app软件开发工具和方法。1. 集成开发环境（IDE）：IDE是一种集成了开发、调试、测试和部

2023-06-29

app快速开发平台架构

快速开发平台（Rapid Application Development Platform）是一种基于现有技术和工具的软件开发框架，旨在加快应用程序的开发速度和提高开发效率。它提供了一系列的工具、组件和模板，使开发人员能够快速构建和部署应用程序。快速开发平

2023-06-29

app开发生命周期的各个阶段

APP开发生命周期是指APP从开始开发到最终发布和维护的整个过程。它包括了需求分析、设计、开发、测试、发布和维护等多个阶段。下面将详细介绍APP开发生命周期的各个阶段。1. 需求分析阶段：在这个阶段，开发团队与客户进行沟通，了解客户的需求和期望。开发团队会

2023-06-29

app开发很贵吗

App开发是一项极其复杂的工作。它需要经验丰富的开发人员进行设计、开发、测试和部署。由于这样的工作需要非常高的技术水平和经验，因此它的成本往往很高。在本文中，我们将详细介绍App开发的成本。首先，要考虑开发所使用的技术。构建高效、流畅和功能完善的App需要

2023-06-29