首页 / 一门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. 需求分析：在开发微博APP之前，首先我们需要进行需求分析。通过与用户沟通和

2023-07-14

app开发文档和部署文档

APP开发文档和部署文档在移动应用程序（APP）开发过程中，开发文档和部署文档是非常重要的。开发文档提供了APP的设计和开发原理，而部署文档则详细介绍了如何将APP部署到设备或服务器上。本文将详细介绍APP开发文档和部署文档的内容和要点。一、APP开发文档

2023-06-29

app开发的金额

在进行APP开发的过程中，涉及到的费用是比较复杂的，主要包括开发人员的工资、软件开发工具的使用费、测试费用、营销费用等。下面将对APP开发费用的详细介绍，从不同的方面考虑。一、人员费用APP开发需要技术人员的参与，其费用占据了APP开发总成本的非常大的一部

2023-06-29

app定制开发费用高吗

App定制开发费用是根据一系列因素决定，包括开发人员的工资，项目所需要的技能，开发时间，开发团队大小等等。具体来说，根据不同的公司和地区，开发人员的工资各不相同。在美国和欧洲，开发人员的薪资常常比其他地方高出近30%。因此，如果您的公司选择请美国或欧洲的开

2023-05-06

apph5页面开发

App H5页面开发指的是基于Web技术开发的移动端应用页面，可以通过手机端的浏览器访问。相比于原生App，H5页面可以跨平台开发，不需要针对不同的操作系统和设备进行定制开发，减少了开发成本和维护难度。在H5页面开发中，我们需要了解以下一些基本概念和原理。

2023-05-06

魅族消息推送魅族开放平台推送接口申请教程

接入魅族消息推送服务，可以实现魅族设备在APP进程结束的情况下获得离线推送数据功能，可以大大提升消息推送针对魅族设备的抵达率问题必要前提：1.需要认证成为魅族开放平台开发者；魅族开放平台地址：https://open.flyme.cn/魅族推送平台地址：h

2019-01-14