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

如何获取资料

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

关于我们

关于青蓝逐码组织

相关推荐
一枚前端小能手2 分钟前
🚀 浏览器兼容性问题的5个解决方案 - 让你的代码在所有浏览器都完美运行
前端
越前君5 分钟前
如何开发一个 Raycast 扩展?
前端·笔记
Spider_Man6 分钟前
React 组件缓存与 KeepAlive 组件打造全攻略 😎
前端·react.js·typescript
littleplayer7 分钟前
Swift: Combine的错误处理
前端·架构
前端灵派派8 分钟前
openlayer实现定位闪烁
前端
K歌、之王8 分钟前
ubuntu20搭建MQTT
前端·chrome
萌萌哒草头将军9 分钟前
Node.js v24.7.0 新功能预览 🚀🚀🚀
前端·javascript·node.js
然我9 分钟前
性能优化保姆级指南,一篇搞定所有考点💯
前端·面试·性能优化
Jensen麻瓜11 分钟前
只需一个快捷键,补全项目所有缺失翻译
前端
艾小码16 分钟前
90%前端忽略的3大内存黑洞,这样根治性能飙升300%!
前端·javascript·性能优化