【鸿蒙实战开发教程】HarmonyOS项目开发经历——添加自定义广告

前言

根据研究机构Counterpoint Research发布的最新数据，2024年第一季度，鸿蒙OS份额由去年一季度的8%上涨至17%，iOS份额则从20%下降至16%。

这意味着，华为鸿蒙OS在中国市场的份额超越苹果iOS，已成中国第二大操作系统

随着鸿蒙市场份额的不断提升，相应的岗位也会迎来一个爆发式的增长。这对于想要换赛道的程序员来说是一个非常好的消息，话说大家最近有想法转型鸿蒙开发吗？

这里来跟大家说说鸿蒙项目中如何添加自定义广告

鸿蒙项目加入广告展示页业务

广告页的思路——华为有广告业务，但是我们不用- ad模块；

想自定义广告——场景： app启动-有广告需求，就打开广告页，没有的话就去登录或者主页；

腾讯体育的广告- 启动有广告页，退到后台的情况下，再次进入前台也会有广告；

一、分析需求：

广告页作为一个app启动的首页，应该是在我们应用启动就进去的。

●有的app有的需要广告页，有的不需要，搞个配置呗！！！

二、思路

1.通过首选项配置存储我们的一些常用配置，比如要不要广告页，还有广告页的路由地址，点击广告页跳转的链接，广告页倒计时的秒数
2.在入口处进行判断是否需要广告页，需要的话，跳转广告页-广告页根据设置的参数进行渲染
3.问题来了，因为运营人员肯定不能每次都去改我们底层的代码-这里我还可以设置成动态的-就是初始化的时候通过请求去读一下云端的请求，然后把我们的图片和一些参数配置下来，这样每次你启动app就是运营人员给你配置的广告和设置了

三、开搞

●新建一个关于广告类的数据模型-basic- models/advert.ets

export class AdvertClass {
  showAd: boolean = false // 显示广告
  adTime: number = 5 // 广告时长
  adUrl?: string = '' // 广告链接
  adImg?: ResourceStr = '' // 广告图片
}

●在model/index.ets中进行统一导出

export * from './advert'

●在utils中新建一个关于读取首选项的类，用来读取和设置首选项的广告设置- utils/setting.ets

import { AdvertClass } from '../models'
import preferences from '@ohos.data.preferences'
import { USER_SETTING, USER_SETTING_AD } from '../constants'
// 默认广告选项
const defaultAd: AdvertClass = {
  showAd: true,
  adTime: 5,
  adImg: $r('app.media.start')
}
export class UserSettingClass {
  context: Context
  constructor(context: Context) {
    this.context = context