首页 / 一门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应用开发的原理和详细介绍两个方面，浅谈酒店行业app应用开发解决方案。一、酒

2024-01-10

java手机app开发环境

Java手机App开发环境是指用于开发运行在手机上的Java应用程序的工具和平台。Java手机开发环境通常由Java开发工具包（Java Development Kit，简称JDK）和Java手机平台（Java Mobile Platform）组成。一、J

2023-07-14

golang能开发app吗

当然可以！Go语言是一种高效、可靠且易于使用的编程语言，它具备并发性能和低级别控制。在移动应用开发过程中，我们可以使用Go语言开发原生的移动应用程序。下面我将详细介绍如何使用Go语言开发移动应用程序以及其原理。1. 移动应用程序开发基础在了解Go语言开发移

2023-07-14

app软件的开发流程是什么

App软件的开发流程包括需求分析、设计、开发、测试和发布等多个阶段。下面我将详细介绍每个阶段的内容和流程。1. 需求分析阶段：在这个阶段，开发团队与客户或产品经理进行沟通，了解客户的需求和期望。通过讨论和调研，明确软件的功能和特性，并将其转化为具体的需求文

2023-06-29

app前期推广开发客户新玩法

在移动应用市场竞争激烈的今天，如何在前期推广阶段吸引用户并提高应用的曝光度成为了每个开发者都面临的难题。本文将介绍一种新的玩法，帮助开发者在应用前期推广中取得更好的效果。这种新的玩法是通过与客户进行合作，将他们作为应用的开发者和推广者，以此来增加应用的曝光

2023-06-29

app开发过时

随着移动互联网的快速发展，移动应用程序设计（App开发）在过去的十年里已经发生了很大的变化。然而，在许多人看来，App开发可能已经过时。在本文中，我们将探讨一些原因，以及为什么许多人认为App开发已经不再是一个有前途的行业。第一，人们大多数时间都在使用已经

2023-06-29