【服务器APP】利用HBuilder X把网页打包成APP
目录
🌺1. 概述
🌼1.1 新建项目
🌼1.2 基础配置
🌼1.3 图标配置
🌼1.4 启动界面配置
🌼1.5 模块配置
🌼1.6 打包成APP
🌺1. 概述
探讨如何将网页转化为APP，这似乎是一个令人感到困惑的话题。
利用HBuilder X，一款基于Electron框架的集成开发环境，这一转变变得轻而易举。HBuilder X具有多平台支持、HTML5+CSS3+JavaScript开发、内置调试工具和实时预览等特点，让开发者能够利用熟悉的前端技术，快速将网页应用打包成适用于iOS和Android平台的原生APP。
操作简便，只需几个简单步骤，开发者即可将创意和业务理念展示在移动应用市场。博文详细解释了HBuilder X的界面操作，并介绍了在不同平台上进行调试和预览的方法，使整个开发过程更加高效。
另外，博文强调了HBuilder X的插件系统和云端服务。插件系统拓展了开发者的功能选择，而云端服务则简化了一些开发任务，如云打包和云端编译。这些特性使HBuilder X成为一个全面而强大的开发工具，适用于前端开发者和移动应用程序开发者。
准备工作：
【安装指南】HBuilder X 下载、安装详细教程-CSDN博客
🌼1.1 新建项目
1. 打开文件->新建->项目
根据需要选择
🌼1.2 基础配置
确定APP名称+APPID【需要点击重新获取注册登录】
🌼1.3 图标配置
选择APP图标
🌼1.4 启动界面配置
登录图显示
🌼1.5 模块配置
取消勾选Contact【如果实名认证了可以勾选】
🌼1.6 打包成APP
发行->云打包
下载成功后去对应文件夹就可以看到安装包apk文件了。
相关文章：
【服务器APP】利用HBuilder X把网页打包成APP
目录 🌺1. 概述 🌼1.1 新建项目 🌼1.2 基础配置 🌼1.3 图标配置 🌼1.4 启动界面配置 🌼1.5 模块配置 🌼1.6 打包成APP 🌺1. 概述 探讨如何将网页转化为APP，这似乎…...
vue3 组合式API获取子组件的属性和方法
在vue2中，获取子组件实例的方法或者属性时，父组件直接通过ref即可直接获取子组件的属性和方法，如下： // father.vue <child ref"instanceRef" /> this.$ref[instanceRef].testVal this.$ref[instanceRef].testFun…...
[数据结构+算法] 给一棵树和一个sum，判断是否存在从root到叶子结点的path之和等于sum？
[数据结构算法] 给一棵树和一个sum，判断是否存在从root到叶子结点的path之和等于sum？ 可以使用两种方法求解 递归 CheckTreeSumRecursive 问题转换为递归判断左右子树是否满足路径和等于sum减去当前节点的值。 迭代 CheckTreeSumNonRecursive 使用两个…...
非阿里云注册域名如何在云解析DNS设置解析？
概述 非阿里云注册域名使用云解析DNS，按照如下步骤： 添加域名。 添加解析记录。 修改DNS服务器。 DNS服务器变更全球同步，等待48小时。 添加解析记录 登录云解析DNS产品控制台。 在 域名解析 页面中，单击 添加域名 。 在 …...
微服务-微服务Alibaba-Nacos注册中心实现
1. 系统架构的演变 俗话说， 没有最好的架构，只有最合适的架构。 微服务架构也是随着信息产业的发展而出现的最有普 遍适用性的一套架构模式。通常来说，我们认为架构发展历史经历了这样一个过程：单体架构——> 垂直架构 ——&g…...
多符号表达式的共同子表达式提取教程
生成的符号表达式，可能会存在过于冗长的问题，且多个符号表达式中，有可能存在相同的计算部分，如果不进行处理，计算过程中会导致某些算式计算多次，从而影响计算效率。 那么多个符号表达式生成函数时…...
Java 反射获取属性名、属性类型、属性值、判断属性类型
1.代码 /*** 通过反射获取对象属性名、属性类型、属性值** param t 需要反射的对象* author hcx*/public static <T> void reflect(T t){// 获取所有属性// getDeclaredFields 不包含父类，包含私有属性// getFields 包含父类属性Field[] fields t.getClass(…...
Docker私有仓库搭建
目录 1.registry私有仓库 拉取registry镜像 修改docker配置文件并重启 运行registry容器 修改想要上传的镜像的标签并上传验证 再另一台主机上获取此镜像 浏览器验证 2.Docker--harbor私有仓库部署与管理 什么是Harbor Harbor的特性 Harbor的构成 Harbor部署 准备…...
C语言第十三弹---VS使用调试技巧
✨个人主页： 熬夜学编程的小林 💗系列专栏： 【C语言详解】 【数据结构详解】 VS调试技巧 1、什么是bug 2、什么是调试（debug）？ 3、Debug和Release编辑 4、VS调试快捷键 4.1、环境准备 4.2、调试…...
AST反混淆实战-jsjiamiv7最高配置
js加密混淆网站 https://www.jsjiami.com/一、混淆demo生成 01 打开目标网址 https://www.jsjiami.com/ 02 按照顺序加密混淆二、混淆前后demo 混淆前的源码 (function(w, d) { w.update "2023年01月17日05:34:29更新"; d.info "本站历时1年半研发的新版本V7…...
colorThief+vite+react使用方法
官网: Color Thief npm i --save colorthief 第一种,import载入图片 经过尝试,在vite中,要引入.mjs版本 import ColorThief from colorthief/dist/color-thief.mjs 第一种,通过import载入图片 import aa from /assets/123.jpgconst [resultColor,setResultColor]useState() …...
Hive（15）中使用sum() over()实现累积求和和滑动求和
目的： 三个常用的排序函数row_number(),rank()和dense_rank()。这三个函数需要配合开窗函数over()来实现排序功能。但over()的用法远不止于此，本文咱们来介绍如何实现累计求和和滑动求和。 1、数据介绍 三列数据，分别是员工的姓名、月份和…...
2024年Java搭建面试题
2024年Java实战面试题（北京）_java 5 年 面试-CSDN博客 1、搭建docker容器 # 安装依赖的环境 yum -y install yum-utils device-mapper-persistent-data lvm2 # 设置镜像源为阿里 yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/lin…...
二维数组的学习
前言 在前面我们学习了一维数组，但是有的问题需要用二位数组来解决。 二维数组常称为矩阵，把二维数组写成行和列的排列形式，可以有助于形象化的理解二维数组的逻辑结构。 一、二维数组的定义 二维数组定义的一般格式： 数据类型 数…...
)
Java集合(List集合)
什么是集合？ 什么是集合？集合就是“由若干个确定的元素所构成的整体”，在程序中，一般代表保存 若干个元素（数据）的某种容器类。 在Java中，如果一个Java对象可以在内部持有（保存&…...
7、Json文件的操作总结【robot framework】
1、JSONLibrary简介 Robot Framework 是一种通用的自动化测试框架，它支持使用关键字驱动的测试，并且易于学习和使用。Robot Framework 提供了丰富的标准库，而 JSONLibrary 就是其中之一，用于处理 JSON 数据。 安装 JSONLibrary 在…...
python 循环解压 解压多重压缩包
在实际数据中，经常会有压缩包套压缩包的情况，并且有可能出现“zip”压缩包下面套“tar”的可能。 你可以运行后面的代码，来完成自动解压。代码会不断检查folder_a_path 文件夹下是否还有压缩包。目前支持zip、rar、tar、7z等四种格式的压缩文…...
基于C#制作一个连连看小游戏
基于C#制作一个连连看小游戏，实现：难易度选择、关卡选择、倒计时进度条、得分计算、音效播放等功能。 目录 引言游戏规则开发环境准备游戏界面设计游戏逻辑实现图片加载与显示鼠标事件处理游戏优化与扩展添加关卡与难度选择说明</...
Android-System 根据包名查找已安装应用apk方法
1、根据包名查找应用的安装路径 dumpsys package packageName | grep Path 例如： kona:/ # dumpsys package com.yw_pt.oshnoh | grep PathcodePath/data/app/com.yw_pt.oshnoh-N4rPqGh58weRjMpA1q3evwresourcePath/data/app/com.yw_pt.oshnoh-N4rPqGh58weRjMpA1q3…...
洛谷-P4124题-手机号码-Java
题目 题目链接： https://www.luogu.com.cn/problem/P4124 分析 给定两个长度为11位的数字，代表两个区间 [L,R] 需要编写程序来计算出，这两个区间内满足要求的数字个数。这样的题一般来说就是数位dp题。首先我们可以根据容斥原理 [0,R]中满…...
C++初阶-list的底层
目录 1.std::list实现的所有代码 2.list的简单介绍 2.1实现list的类 2.2_list_iterator的实现 2.2.1_list_iterator实现的原因和好处 2.2.2_list_iterator实现 2.3_list_node的实现 2.3.1. 避免递归的模板依赖 2.3.2. 内存布局一致性 2.3.3. 类型安全的替代方案 2.3.…...
golang循环变量捕获问题
在 Go 语言中，当在循环中启动协程（goroutine）时，如果在协程闭包中直接引用循环变量，可能会遇到一个常见的陷阱 - 循环变量捕获问题。让我详细解释一下： 问题背景 看这个代码片段： fo…...
模型参数、模型存储精度、参数与显存
模型参数量衡量单位 M：百万（Million） B：十亿（Billion） 1 B 1000 M 1B 1000M 1B1000M 参数存储精度 模型参数是固定的，但是一个参数所表示多少字节不一定，需要看这个参数以什么…...
React第五十七节 Router中RouterProvider使用详解及注意事项
前言 在 React Router v6.4 中，RouterProvider 是一个核心组件，用于提供基于数据路由（data routers）的新型路由方案。 它替代了传统的 <BrowserRouter>，支持更强大的数据加载和操作功能（如 loader 和…...
Java 8 Stream API 入门到实践详解
一、告别 for 循环！ 传统痛点： Java 8 之前，集合操作离不开冗长的 for 循环和匿名类。例如，过滤列表中的偶数： List<Integer> list Arrays.asList(1, 2, 3, 4, 5); List<Integer> evens new ArrayList…...
Python爬虫（二）：爬虫完整流程
爬虫完整流程详解（7大核心步骤实战技巧） 一、爬虫完整工作流程 以下是爬虫开发的完整流程，我将结合具体技术点和实战经验展开说明： 1. 目标分析与前期准备 网站技术分析： 使用浏览器开发者工具（F12&…...
uniapp中使用aixos 报错
问题： 在uniapp中使用aixos，运行后报如下错误： AxiosError: There is no suitable adapter to dispatch the request since : - adapter xhr is not supported by the environment - adapter http is not available in the build 解决方案&…...
Golang——7、包与接口详解
包与接口详解 1、Golang包详解1.1、Golang中包的定义和介绍1.2、Golang包管理工具go mod1.3、Golang中自定义包1.4、Golang中使用第三包1.5、init函数 2、接口详解2.1、接口的定义2.2、空接口2.3、类型断言2.4、结构体值接收者和指针接收者实现接口的区别2.5、一个结构体实现多…...
华为OD机试-最短木板长度-二分法(A卷,100分)
此题是一个最大化最小值的典型例题， 因为搜索范围是有界的，上界最大木板长度补充的全部木料长度，下界最小木板长度； 即left0,right10^6; 我们可以设置一个候选值x(mid)，将木板的长度全部都补充到x，如果成功…...
WEB3全栈开发——面试专业技能点P7前端与链上集成
一、Next.js技术栈 ✅ 概念介绍 Next.js 是一个基于 React 的 服务端渲染（SSR）与静态网站生成（SSG） 框架，由 Vercel 开发。它简化了构建生产级 React 应用的过程，并内置了很多特性： ✅ 文件系…...