环境:HBuilderX软件,雷电模拟器
1 安装HBuilderX软件,雷电模拟器
2 在HBuilderX----文件--新建--项目--5+app
3 编写代码,index.html,
4 配置app相关文件,manifest.json,获取appid,新用户需注册,设置名称,入口页面,图标,模块--权限,没有权限都删除。在app常用配置中,模拟器需要添加CPU支持类型x86,普通手机添加arm64
5 模拟运行 打开雷电模拟器,HX中运行--手机--app基座,刷新有设备编码后运行
或者运行--浏览器--选择浏览器edge或者其他
6 调试修改,适应手机屏幕大小效果
若在手机上界面比较小,头文件<head>里面添加此代码,测试中--html中没有设置width,正好适应手机宽度---
<!-- 使用viewport元标签来确保页面在移动设备上正确缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7 发布生成app
HX--发行--云打包,apk打包,公共测试证书,打正式包,其他都没选,,,
传统打包--打包,,每天免费打包约5次
8 提示
文件中不放不需要的东西,不然app会变大。