首页 / 一门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

请人开发一个建材类的app

建材类的app主要是为了方便用户在购买建材产品时能够更加便捷地进行价格比较和产品选择。以下是该app的原理和详细介绍。一、原理该app的原理主要是基于三个方面：建材产品信息的收集、用户需求的分析和数据的处理。具体来说，该app会从各大建材市场和供应商处收集

2024-01-10

清华大学手机app开发

清华大学手机app开发随着智能手机的普及，手机应用程序（APP）越来越受欢迎。为了满足用户需求，许多高校也开始开发自己的手机应用程序。清华大学也不例外，该大学已经开发了多个手机应用程序，包括清华大学官方APP、清华大学新生指南APP、清华大学图书馆APP等

2024-01-10

沁阳开发app

开发一款app需要经过以下几个步骤：1. 定义需求和目标在开发app之前，需要先明确该app的目标和所要解决的问题，了解用户需求，明确功能和设计要求。2. 确定架构和技术方案根据需求和目标，确定app的技术方案和架构。这包括选择适合的编程语言、数据库和服务

2024-01-10

如何解决app开发迭代问题

随着移动互联网的快速发展，越来越多的企业开始关注移动应用开发。然而，app开发迭代问题也成为了开发者面临的难题。本文将从原理和详细介绍两个方面，探讨如何解决app开发迭代问题。一、原理1.需求变化随着市场的变化、用户的反馈、竞争对手的行动，移动应用的需求也

2024-01-10

三门峡语聊社交app定制开发方案

三门峡语聊是一款面向三门峡地区用户的本地化社交应用。该应用主要为用户提供了一种简单、快捷、方便的沟通方式，使用户可以更加便捷地认识新朋友、交流感情、分享生活。在三门峡地区，语聊已经成为一种流行的社交方式，因此定制一款三门峡语聊社交app是一个非常不错的选择

2024-01-10