免费试用

中文化、本土化、云端化的在线跨平台软件开发工具,支持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,我会首先考虑用户的需求和痛点,然后根据这些需求和痛点设计一个简单易用、功能强大的应用程序。首先,我会选择一个热门领域,例如健康、餐饮、旅游、社交等等,然后调查用户在该领域的需求和痛点,从而找到开发应用程序的灵感和方向。例如,我发现用
2024-01-10
app框架开发流程
App框架开发流程是指在开发一个移动应用程序时,所需遵循的一系列步骤和原则。这些步骤和原则旨在确保应用程序的稳定性、可维护性和可扩展性。下面是一个详细介绍App框架开发流程的步骤和原理。1.需求分析:首先,需要明确应用程序的需求和目标。这包括确定应用程序的
2023-06-29
app开发限制
App开发限制是指在开发应用程序时所面临的一系列限制和要求。这些限制可能是硬件或软件方面的,也可能是法律、隐私或安全等方面的。了解这些限制对于开发人员来说非常重要,因为它们将直接影响到应用程序的功能、性能和可用性。本文将详细介绍几个常见的App开发限制。1
2023-06-29
app开发以太坊区块链的教程
标题:从零开始的以太坊区块链应用开发教程导语:以太坊是目前最受欢迎的区块链平台之一,它不仅支持加密货币交易,还可以构建智能合约和去中心化应用(DApps)。本教程将带你从零开始,详细介绍如何开发以太坊区块链应用。第一部分:了解以太坊区块链原理(300字)1
2023-06-29
app端h5开发
在移动互联网时代,H5技术成为移动app开发的重要技术之一,可以帮助开发者快速构建轻量级的web应用,同时又可以实现较高的可用性和用户体验。本文将为大家介绍H5技术的原理和详细介绍。一、什么是H5技术?H5技术是指基于HTML5、CSS3、JS等技术开发的
2023-05-06
app的项目开发要怎么写
开发一款App是一个很复杂的过程,需要许多的步骤来设计,开发和测试一个成功的应用程序。下面将介绍开发一款App的主要步骤和原理。1. 确定应用程序的目标和定位第一步是确定您的应用程序的目标和定位。这将帮助您确定应用程序的特点和功能。了解您的目标用户群,然后
2023-05-06