04-自然壁纸实战教程-搭建基本工程

04-自然壁纸实战教程-搭建基本工程

前言

本章节内容主要来完成工程的基本搭建,比如

  1. 工具类的封装
  2. 静态资源的准备
  3. 三方库的引入和使用 axios、navigation等

搭建工程要做的事情

在准备开发业务代码之前,往往需要先搭建工程基本的一些铺垫

  1. 全屏沉浸式的封装
  2. 网络请求工具的封装
  3. 公共逻辑类的封装
  4. 广告类的封装
  5. 文件下载类的封装
  6. 懒加载数据的封装
  7. 导航工具类的封装
  8. 敏感字过滤的封装处理
  9. 常见类型的封装处理
  10. 静态图片资源
markdown 复制代码
    axiosClient.ets            网络请求
    CommonUtils.ets            公共方法
    downloadFile.ets           文件下载
    fullScreenHelper.ets       全屏
    InterstitialAdUtil.ets     广告
    lazyForEachDataSource.ets  懒加载
    localData.ets              本地数据
    NativeAdUtil.ets           本地广告
    NavigationUtils.ets        页面导航
    sensitiveFilter.ets        敏感字过滤
    types.ets                  通用类型
    videoTypes.ets             视频类型

由于代码繁多,这里部分直接参考代码仓库即可。

一些静态图片资源 src/main/resources/base/media

证书的配置

因为项目开发、上线都需要用到调试证书和发布证书,这个章节的配置比较繁琐,小伙伴们可以先使用默认的自动签名的证书就行,跳过这个环节,后续有需要了再进行证书的相关配置。

配置文件 build-profile.json5,这里主要关注devdefault配置,dev表示使用调试证书,default表示发布证书。

配置好后,通过点击工具的按钮进行模式切换

json 复制代码
{
  "app": {
    "signingConfigs": [
      {
        "name": "dev",
        "type": "HarmonyOS",
        "material": {
          "storeFile": "./config/xwfw.p12",
          "storePassword": "0000001AB29773682E10527A66FEE35AB6CD2820EAF93B828AF87DEB9C8853098538D3519810A0E6FE9D",
          "keyAlias": "xwfw123456",
          "keyPassword": "0000001A73D398276C790CCCD22F9BF15056A9324923F0405B0423EC43DDDD43CFA6D2732AEF5C76E1FC",
          "signAlg": "SHA256withECDSA",
          "profile": "./config/自然壁纸-调试Debug.p7b",
          "certpath": "./config/小万服务-调试.cer"
        }
      },
      {
        "name": "default",
        "type": "HarmonyOS",
        "material": {
          "storeFile": "./config/xwfw.p12",
          "storePassword": "0000001A25F37CE63093D76493F3BF7749D50A0EBD6F7A3D83E12462257A1DB6EAADC8D1EB4076419E59",
          "keyAlias": "xwfw123456",
          "keyPassword": "0000001A9625DC325022C1A9FE9B9A599B7928C481F0B94246C25B00197B9391F167ACF6B18BD3C87650",
          "signAlg": "SHA256withECDSA",
          "profile": "./config/自然壁纸-发布Release.p7b",
          "certpath": "./config/小万服务-发布.cer"
        }
      }
    ],
    "products": [
      {
        "name": "default",
        "signingConfig": "default",
        "compatibleSdkVersion": "5.0.2(14)",
        "runtimeOS": "HarmonyOS",
        "buildOption": {
          "strictMode": {
            "caseSensitiveCheck": true,
            "useNormalizedOHMUrl": true
          }
        }
      },
      {
        "name": "dev",
        "signingConfig": "dev",
        "compatibleSdkVersion": "5.0.2(14)",
        "runtimeOS": "HarmonyOS",
        "buildOption": {
          "strictMode": {
            "caseSensitiveCheck": true,
            "useNormalizedOHMUrl": true
          }
        }
      }
    ],
    "buildModeSet": [
      {
        "name": "debug",
      },
      {
        "name": "release"
      }
    ]
  },
  "modules": [
    {
      "name": "entry",
      "srcPath": "./entry",
      "targets": [
        {
          "name": "default",
          "applyToProducts": [
            "default",
            "dev"
          ]
        }
      ]
    }
  ]
}

如何获取资料

获取资料的途径,可以关注我们 官网的公众号 青蓝逐码 ,输入 项目名称 《自然壁纸》 即可获得以上资料。

关于我们

关于青蓝逐码组织

相关推荐
Hilaku8 分钟前
作为面试官,我最怕遇到什么样的候选人?
前端·javascript·程序员
TiDi32 分钟前
Pinia优化重复请求
前端
web3d5201 小时前
01-用 Leafletjs 10 分钟搭一张水利一张图(Vue3 + Vite 实战)
前端·javascript
晚安日记wanna1 小时前
Vue2 的 defineProperty 差在哪四层追问筛掉九成候选人
前端·vue.js·面试
TiDi1 小时前
吸顶导航交互实现
前端
kisshyshy1 小时前
从Props透传到自定义Hook:系统梳理React跨层级通信与逻辑复用
前端·架构·代码规范
yume_sibai1 小时前
05-Flutter实战项目
前端·flutter
涛涛ing1 小时前
React 19.3 发布,但真正的赢家是 StyleX:当 AI 成为框架的“第一用户”
前端
威哥爱编程2 小时前
HarmonyOS 互动卡片实战:摇一摇触发静态转动态,前景元素出框
华为·harmonyos·arkts
zhangminghuan2 小时前
Vue vs React 实战拓展面试题|摒弃基础八股,聚焦业务开发核心难点(2026前端进阶)
前端