首页>>app
打包app网页
2023-08-15
45浏览
如果你是一名 Web开发者,想把自己开发的页面打包编译成 App在手机运行,但是你对 Java 和 Android 一窍不通,那么本文章将指引你如何将Web项目走向安卓平台,去除任何浮躁,跟着本文操作起来吧1.参考文档HbuilderCloudHBuilderX安卓离线打包教程全一览——5+appDCLOUD社区2.材料准备AndroidStudioHBuilderX3.打包Web项目项

如果你是一名 Web开发者,想把自己开发的页面打包编译成 App在手机运行,但是你对 Java 和 Android 一窍不通,

image.png

那么本文章将指引你如何将Web项目走向安卓平台,去除任何浮躁,跟着本文操作起来吧

1.参考文档

HbuilderCloud

HBuilderX安卓离线打包教程全一览——5+app

DCLOUD社区

2.材料准备

AndroidStudio

HBuilderX

3.打包Web项目

项目打包

将 Vue 或者 React 使用的webpack把代码项目进行打包 如果没玩过 MVVM框架随便什么hello world的html项目也可以,不一定非要打包只要网页能打开就行, 这里以Vue+Webpack为例:打包之后生成 index.html 和 dist目录

我这里的项目浏览器打开之后是移动端的html5页面,注意这里只是页面,不是APP,移动端页面,接下来的任务就是要把这个html开发的页面打包成安卓App

HbuilderX打包

打包好之后,打开 HbuilderX, 创建5+App项目

创建后,将左侧默认文件除了 manifest其他都删掉,然后把刚刚打包好的 (我的是index.html 和 build)放到项目目录下

4.Manifest配置

点击 manifest.json 进行配置

Appid需要去Dcloud申请一下,注册一个账号就行,申请地址如下,免费的

https://dev.dcloud.net.cn/app/index?type=0

应用是否全屏

这里的全屏是类似玩王者荣耀那样,直接占据整个屏幕,电源时间状态栏都没有的那种,这里我不勾选,

接下来配置沉浸式体验,就是顶部时间电源状态栏弄成透明的那种,看起来会比较舒服

图标配置

图标配置可以自动生成,也可以先不生成,后面我们可以用IDE创建自定义图标

启动配置

模块配置

权限配置

App其他设置

源码视图这里添加一个沉浸式体验全屏

云打包App,选择云打包

取消广告,勾选公测证书

然后代码会上传到云进行打包,等待一会会跳出下载App地址


如果开发难度大,可以试一下变色龙app,在线图文配置,输入网址,App名就可以生成安卓与苹果app.





一、首页样式首页分类样式1、顶部banner图片,可以有连接进入相关的页面如图:banner图片json格式{"type":"banner","height":"150",//图片高度"list":[{"imgurl":"http://xxxx.png",//图片地址...
07-16
电商原生App,自主开发电商原生app
html包的制作配置文件名replace.txt ,建好文件存在包根目录即可,包内文件目录与文件名不能有中文。文件内容{“拦截网址”:“本地文件”}如:{"http://www.baidu1.com":"index.html","http://www.sina2.com":"test.html",}replace.txt写好后放到html目录下,打包...
06-27
创建App,打开网址:https://www.appbsl.cn/encapsulationApp/%20选择初级版本,年限七天免费,网址随便输入一个。配置页里面找到“本地资源上传”,把离线的zip上传即可本地资源如何配置配置文件名replace.txt文件,建好文件存在包根目录即可。注意:包内文件目录与文件名不能有任何中文。有是无法使用的。replace.t...
06-09
h5打包app,h5在线生成app,uniapp生成app
前端使用uniapp开发项目完成后,需要将页面打包,生成H5的静态文件,部署在服务器上。这样通过服务器链接地址,直接可以在手机上点开来访问。也可以用变色龙打包app功能,打包成App,过苹果上架时4.3问题。点击菜单栏“发行”,点击选择“网站-PC Web或手机H5”,填写网站标题和网站域名/服务器的IP地址。点击进入manifest....
05-19
Uinapp写的怎么导出h5,编译html,uniapp4.3
变色龙IOS免签功能列表:1、IOS免签推送消息给用户2、顶部栏颜色修改3、菜单栏配置4、全屏化显示5、支持支付功能6、注入JS,CSS功能...
05-17
苹果免签推送功能,IOS免签,不上架封装苹果不掉签
功能介绍1、App封装实现App封装,混合开发App,100多JS接口功能交互。2、制作小程序通过接口网站封装成小程序。下载地址https://pan.baidu.com/s/1KRYRk2ZG83B6w9p5rvJNzw提:0opi环境环境:PHP 5.6 + MySQL存储:七牛存储服务器最低要求CPU:1核,内存:2G,硬盘:10G,1M带宽不能用空间,有要修改php环境的要求。...
05-12
网站生成app源码,网站源码,生成app网站
在线一键网站网页生成app,包括安卓与苹果。...
05-12
网页生成app免费,网页app生成器无广告,在线生成网页转app,生成app,封装app,打包app
...
11-12