首页 / 一门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开发系统

恰恰小视频是一款短视频社交应用，其开发系统主要包括后端服务和移动端应用开发。下面分别介绍其原理和详细介绍。一、后端服务恰恰小视频的后端服务主要分为三部分：数据库、API接口和视频存储。1. 数据库恰恰小视频的数据库主要包含用户信息、视频信息、评论信息等。其

2024-01-10

app开发设计需要哪些人员

在进行App开发设计时，通常需要以下几个关键的人员参与：1. 产品经理：产品经理负责整个App的产品规划和设计，负责制定产品的功能和用户体验，了解市场需求和用户需求，以及与开发团队沟通和协调。2. UI/UX设计师：UI（用户界面）和UX（用户体验）设计师

2023-06-29

app如何自助开发

App自助开发，指的是个人或小团队利用现有的开发工具和技术，独立完成一个移动应用程序的开发过程。本文将从原理和详细介绍两个方面来讲解App自助开发的过程。一、原理：App自助开发的原理是通过利用开发工具和技术，将自己的创意和想法转化为一个可运行的移动应用程

2023-06-29

app开发报价单及方案明细

APP开发报价单及方案明细随着科技的快速发展和智能手机的普及，APP已成为人们生活的一部分。开发一款具有市场潜力的APP对企业和个人而言具有重要意义。今天，我们将为你详细介绍APP开发的报价单和方案明细，帮助你了解APP开发的成本和过程。一、APP开发报价

2023-06-29

app开发培训公司

移动应用程序开发是目前非常火热的领域，越来越多的人希望通过努力成为一名热门的app开发者。然而，在互联网领域中，app开发是一个极其复杂的过程，除非你有一个团队来支持你的工作，否则你将会面临很多问题。这也是为什么有这么多的app开发公司和培训机构。app开

2023-06-29

android 手机app开发

Android 手机 App 开发既有技术层面，也有设计层面。技术方面主要涉及开发语言、API、开发工具等；设计方面涉及界面设计、用户体验等。一、开发语言和 APIAndroid 应用可以使用 Java 和 Kotlin 这两种编程语言进行开发，而且开发需

2023-05-06