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"
          ]
        }
      ]
    }
  ]
}

如何获取资料

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

关于我们

关于青蓝逐码组织

相关推荐
怒放的生命19913 分钟前
pnpm + Monorepo 使用教程(集成 Vue 3 项目)
前端·vue.js·pnpm·monorepo·前端工程化
奋斗的小青年!!2 小时前
鸿蒙使用Flutter粒子效果实战
flutter·harmonyos·鸿蒙
佛系打工仔5 小时前
绘制K线第二章:背景网格绘制
android·前端·架构
AlbertZein5 小时前
HarmonyOS下饭菜时间 -- @Monitor
harmonyos
AlbertZein5 小时前
HarmonyOS一杯冰美式的时间 -- UIUtils基础功能
harmonyos
明天好,会的7 小时前
分形生成实验(五):人机协同破局--30万token揭示Actix-web状态管理的微妙边界
运维·服务器·前端
行者967 小时前
Flutter与OpenHarmony跨平台分享组件深度实践
flutter·harmonyos·鸿蒙
C_心欲无痕7 小时前
nginx - alias 和 root 的区别详解
运维·前端·nginx
行者967 小时前
Flutter跨平台开发在OpenHarmony上的评分组件实现与优化
开发语言·flutter·harmonyos·鸿蒙