首页 / 一门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。一、原理1. 软件开发生命周期软件开发生命周期是指从软件需求分析到软件维护、更新的全过程。它包括需求分析、设计、编码、测试、部署和维

2024-01-10

企业选择app开发

随着移动互联网的普及，越来越多的企业开始关注APP开发。APP不仅可以提高企业的品牌知名度，增强客户黏性，还可以为企业带来更多的商业机会。但是，企业在选择APP开发时，需要考虑哪些因素呢？本文将从原理和详细介绍两个方面，为大家分析企业选择APP开发的必要性

2024-01-10

app开发运营费用

App开发和运营费用是指开发和运营一个应用程序所需的成本。这些成本包括人力资源、技术设备、市场推广、服务器托管等。本文将详细介绍App开发和运营费用的原理和详细情况。1. 开发费用：App的开发费用是指开发团队的人力资源成本和相关技术设备的购买成本。开发团

2023-06-29

app开发的安全问题十分重要

随着智能手机的普及和移动互联网的发展，越来越多的企业和个人开始关注移动应用的开发和使用。然而，随之而来的安全问题也日益引起人们的关注。在这样一个背景下，如何保证移动应用的安全性，已成为app开发的一个重要问题。一、移动应用开发的安全问题1.用户数据的泄露问

2023-06-29

app定制开发的完整流程

APP定制开发，是指根据客户的需求，为其量身定制一个APP并进行开发、测试、上线等一系列服务的过程。相比于自主开发APP，定制开发APP能够更好地满足客户的需求，实现更高效的业务流程。APP定制开发的完整流程可以分为以下几个步骤。第一步，需求分析在APP定

2023-05-06

app不用java开发

App是指应用程序，通常是指运行在移动设备上的软件程序，它们可以在iPhone、iPad、Android设备等不同平台上运行。常见的App种类包括社交媒体、游戏、教育、生产力和健康等。而Java，则是一种广泛使用的计算机编程语言，常用于开发各种应用程序，包

2023-05-06