首页 / 一门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开发设计塞尼铁克

塞尼铁克是一种基于Web技术的应用程序开发框架，它可以帮助开发者快速构建跨平台的移动应用程序。本文将对塞尼铁克的原理和详细介绍进行阐述。一、塞尼铁克的原理塞尼铁克采用了一种基于HTML、CSS和JavaScript的开发模式，通过Web技术实现跨平台应用程

2023-06-29

app开发视频教学

标题：App开发视频教学：从原理到详细介绍（1000字）导语：在移动互联网时代，App开发已成为一项热门技能。无论是初学者还是有一定开发经验的人员，都可以通过系统的视频教学来快速掌握App开发的原理和技巧。本篇文章将为大家介绍一份详细的App开发视频教学，

2023-06-29

app开发系列课程

APP开发是目前互联网领域中非常热门的技术之一，它能够将手机或平板电脑上的应用程序与用户进行交互，为用户提供各种各样的服务和功能。如果你对APP开发感兴趣，想要了解其原理和详细介绍，那么你来对地方了。本篇文章将为你介绍APP开发的基本原理和详细流程。APP

2023-06-29

app开发实战135

标题：APP开发实战：从原理到详细介绍导语：APP开发是当前互联网领域的热门话题，本文将从原理到详细介绍，带领读者了解APP开发的基本原理和实战过程。一、APP开发的基本原理1. 定义：APP（Application）是指应用程序，是一种可以在移动设备上安

2023-06-29

appgallery开发应用程序

AppGallery 是华为公司自主研发的应用商店，提供了丰富的应用、游戏等资源，并且是中国手机市场中排名前几的应用商店之一。在这篇文章中，我们将学习如何开发适用于 Huawei 端的应用程序。首先，要在 AppGallery 中发布您的应用程序，您需要注

2023-05-06