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

如何获取资料

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

关于我们

关于青蓝逐码组织

相关推荐
三原7 分钟前
7000块帮朋友做了2个小程序加一个后台管理系统,值不值?
前端·vue.js·微信小程序
popoxf15 分钟前
在新版本的微信开发者工具中使用npm包
前端·npm·node.js
爱编程的喵42 分钟前
React Router Dom 初步:从传统路由到现代前端导航
前端·react.js
每天吃饭的羊1 小时前
react中为啥使用剪头函数
前端·javascript·react.js
Nicholas681 小时前
Flutter帧定义与60-120FPS机制
前端
多啦C梦a1 小时前
【适合小白篇】什么是 SPA?前端路由到底在路由个啥?我来给你聊透!
前端·javascript·架构
薛定谔的算法2 小时前
《长安的荔枝·事件流版》——一颗荔枝引发的“冒泡惨案”
前端·javascript·编程语言
中微子2 小时前
CSS 的 position 你真的理解了吗?
前端·css
谜构2 小时前
【0编码】我使用Trae AI开发了一个【随手记账单格式化工具】
前端
睿麒2 小时前
鸿蒙app 开发中的Record<string,string>的用法和含义
华为·harmonyos