​【上新啦】HarmonyOS官方模板优秀案例（第2期：新闻行业 · 综合新闻）​

​​支付宝​​​​SDK​​​

​​微信支付​​​​SDK​​​

​​银联​​​​SDK​​​

​​腾讯​​​​QQ SDK​​​

​​新浪微博​​​​SDK​​​

​​极光​​​​PUSH SDK​​​

​​友盟移动统计​​​​SDK​​​

​​腾讯微信​​​​SDK​​​

​​高德地图​​​​SDK​​​

​​个推​​​

​​Bugly​​​

​​ShareSDK​​​

​​听云​​​​SDK​​​

ComprehensiveNews

├──commons // 公共能力层-公共基础能力

│ ├──lib_account // 账号登录模块

│ ├──lib_common // 基础模块

│ ├──lib_flex_layout // 动态布局模块

│ ├──lib_native_components // 动态布局-原生模块

│ ├──lib_news_api // 服务端api模块

│ ├──lib_news_feed_details // 新闻详情模块

│ └──lib_widget // 通用UI模块

│

├──components // 公共能力层-行业组件

│ ├──module_advertisement // 广告组件

│ ├──module_channeledit // 频道编辑组件

│ ├──module_feedback // 意见反馈组件

│ ├──module_feedcomment // 评论组件

│ ├──module_highlight // 高亮组件

│ ├──module_imagepreview // 图片预览组件

│ ├──module_newsfeed // 动态卡片组件

│ ├──module_post // 发帖组件

│ ├──module_setfontsize // 字体大小调节组件

│ ├──module_share // 分享组件

│ ├──module_swipeplayer // 视频组件

│ └──module_text_reader // 朗读组件

│ 

├──features // 基础特性层

│ ├──business_home // 首页模块

│ ├──business_interaction // 互动模块

│ ├──business_mine // 我的模块

│ ├──business_profile // 个人主页模块

│ ├──business_setting // 设置模块

│ └──business_video // 视频模块

│

└──products // 产品定制层

└──phone // 手机设备的主入口模块

ComprehensiveNews

├──commons

│ ├──lib_account/src/main/ets // 账号登录模块

│ │ ├──components

│ │ │ └──AgreePrivacyBox.ets // 隐私同意勾选

│ │ ├──pages 

│ │ │ ├──HuaweiLoginPage.ets // 华为账号登录页面

│ │ │ ├──OtherLoginPage.ets // 其他方式登录页面

│ │ │ └──ProtocolWebView.ets // 协议H5 

│ │ └──utils 

│ │ ├──HuaweiAuthUtils.ets // 华为认证工具类

│ │ ├──LoginSheetUtils.ets // 统一登录半模态弹窗

│ │ └──WXApiUtils.ets // 微信登录事件处理类

│ │

│ ├──lib_common/src/main/ets // 基础模块

│ │ ├──constants // 通用常量

│ │ ├──datasource // 懒加载数据模型

│ │ ├──dialogs // 通用弹窗

│ │ ├──models // 状态观测模型

│ │ ├──push // 推送

│ │ └──utils // 通用方法

│ │

│ ├──lib_flex_layout/src/main/ets // 动态布局模块

│ │ ├──components

│ │ │ ├──AddPlateComp.ets // 添加车牌组件

│ │ │ └──GuideListComp.ets // 指南列表组件

│ │ ├──sdk // 动态布局核心sdk 

│ │ └──views

│ │ └──FlexLayout.ets // 动态布局列表页

│ │

│ ├──lib_native_components/src/main/ets // 动态布局-原生模块

│ │ ├──components

│ │ │ ├──AdvertisementCard.ets // 广告卡片

│ │ │ ├──FeedDetailsCard.ets // 动态卡片

│ │ │ ├──HotListServiceSwitchCard.ets // 热榜切换组件

│ │ │ ├──HotNewsServiceCard.ets // 热榜新闻

│ │ │ ├──LeftTextRightImageCard.ets // 左文右图卡片

│ │ │ ├──TopTextBottomBigImageCard.ets // 上文下图大卡

│ │ │ ├──TopTextBottomImageCard.ets // 上文下图卡片

│ │ │ ├──TopTextBottomVideoCard.ets // 上文下视频卡片

│ │ │ └──VerticalBigImageCard.ets // 上下布局大图

│ │ └─utils 

│ │ ├──Modifier.ets // 样式modifier

│ │ ├──NodeBuilderConfig.ets // node配置类

│ │ └──Utils.ets // 工具方法

│ │

│ ├──lib_news_api/src/main/ets // 服务端api模块

│ │ ├──constants // 常量文件

│ │ ├──database // 数据库

│ │ ├──observedmodels // 状态模型

│ │ ├──params // 请求响应参数

│ │ ├──services // 服务api 

│ │ └──utils // 工具utils 

│ │

│ ├──lib_news_feed_details/src/main/ets // 新闻详情模块

│ │ ├──components

│ │ │ ├──ArticleDetailsFooter.ets // 文章底部区域

│ │ │ ├──NewsContent.ets // 新闻主体内容

│ │ │ └──RecommendArea.ets // 相关推荐

│ │ └──views 

│ │ └──ArticleFeedDetails.ets // 新闻详情页

│ │ 

│ └──lib_widget/src/main/ets // 通用UI模块

│ └──components

│ ├──ButtonGroup.ets // 组合按钮

│ ├──CustomBadge.ets // 自定义信息标记组件

│ ├──EmptyBuilder.ets // 空白组件

│ └──NavHeaderBar.ets // 自定义标题栏

│

├──components

│ ├──module_advertisement // 广告组件

│ ├──module_channeledit // 频道编辑组件

│ ├──module_feedback // 意见反馈组件

│ ├──module_feedcomment // 评论组件

│ ├──module_highlight // 高亮组件

│ ├──module_imagepreview // 图片预览组件

│ ├──module_newsfeed // 动态卡片组件

│ ├──module_post // 发帖组件

│ ├──module_setfontsize // 字体大小调节组件

│ ├──module_share // 分享组件

│ ├──module_swipeplayer // 视频组件

│ └──module_text_reader // 朗读组件

│ 

├──features

│ ├──business_home/src/main/ets // 首页模块

│ │ ├──components

│ │ │ └──NewsSearch.ets // 搜索页面

│ │ └──pages

│ │ └──HomePage.ets // 首页页面

│ │

│ ├──business_interaction/src/main/ets // 互动模块

│ │ ├─components

│ │ │ ├──InteractionFeedCard.ets // 动态卡片

│ │ │ ├──InterActionTabContent.ets // 动态列表

│ │ │ ├──NoWatcher.ets // 暂无关注

│ │ │ └──TopBar.ets // 顶部Tab 

│ │ └──pages 

│ │ ├──InteractionPage.ets // 互动主页面

│ │ └──PublishPostPage.ets // 发帖页面

│ │

│ ├──business_mine/src/main/ets // 我的模块

│ │ ├──components

│ │ │ ├──BaseMarkLikePage.ets // 收藏点赞基础页面

│ │ │ ├──CancelDialogBuilder.ets // 取消收藏点赞弹窗

│ │ │ ├──CommentRoot.ets // 主评论

│ │ │ ├──CommentSub.ets // 从属评论

│ │ │ ├──FanItem.ets // 粉丝单元

│ │ │ ├──IMItem.ets // 私信单元

│ │ │ ├──MessageItem.ets // 消息单元

│ │ │ ├──SetReadIcon.ets // 标记已读

│ │ │ └──UniformNewsCard.ets // 统一新闻卡片

│ │ └──pages 

│ │ ├──CommentPage.ets // 评论页面

│ │ ├──HistoryPage.ets // 我的历史

│ │ ├──LikePage.ets // 我的点赞

│ │ ├──MarkPage.ets // 我的收藏

│ │ ├──MessageCommentReplyPage.ets // 评论与回复

│ │ ├──MessageFansPage.ets // 新增粉丝

│ │ ├──MessageIMChatPage.ets // 聊天页面

│ │ ├──MessageIMListPage.ets // 私信列表

│ │ ├──MessagePage.ets // 消息页面

│ │ ├──MessageSingleCommentList.ets // 全部回复页面

│ │ ├──MessageSystemPage.ets // 系统消息

│ │ └──MinePage.ets // 我的页面

│ │

│ ├──business_profile/src/main/ets // 个人主页模块

│ │ ├──components

│ │ │ ├──AuthorItem.ets // 作者单元

│ │ │ ├──BaseFollowWatchPage.ets // 关注粉丝基础页面

│ │ │ ├──DialogLikeNum.ets // 获赞弹窗

│ │ │ ├──TabBar.ets // 顶部Tab

│ │ │ ├──UniformNews.ets // 统一新闻卡片

│ │ │ ├──UserIntro.ets // 用户信息

│ │ │ └──WatchButton.ets // 关注按钮

│ │ └──pages

│ │ ├──FollowerPage.ets // 粉丝页面

│ │ ├──PersonalHomePage.ets // 个人主页

│ │ └──WatchPage.ets // 关注页面

│ │

│ ├──business_setting/src/main/ets // 设置模块

│ │ ├──components

│ │ │ ├──SettingCard.ets // 设置卡片

│ │ │ └──SettingSelectDialog.ets // 设置选项弹窗

│ │ └──pages

│ │ ├──SettingAbout.ets // 关于页面

│ │ ├──SettingFont.ets // 字体大小设置页面

│ │ ├──SettingH5.ets // H5页面

│ │ ├──SettingNetwork.ets // 播放与网络设置页面

│ │ ├──SettingPage.ets // 设置页面

│ │ ├──SettingPersonal.ets // 编辑个人信息页面

│ │ └──SettingPrivacy.ets // 隐私设置页面

│ │ 

│ └──business_video/src/main/ets // 视频模块

│ ├──components

│ │ ├──CommentView.ets // 评论视图

│ │ ├──Sidebar.ets // 侧边栏视图

│ │ ├──TabHeaderView.ets // 顶部Tab视图

│ │ └──VideoLayerView.ets // 视频外层操作层视图

│ ├──pages

│ │ ├──CommentViewPage.ets // 评论页面

│ │ ├──VideoDetailPage.ets // 视频详情页

│ │ └──VideoPage.ets // 视频首页

│ └──views

│ ├──FeaturedPage.ets // 精选页面

│ ├──FollowPage.ets // 关注页面

│ ├──RecommendPage.ets // 推荐页面

│ └──VideoSwiperPage.ets // 短视频轮播页面

│

└──products

└──phone/src/main/ets // phone模块

├──common 

│ ├──AppTheme.ets // 应用主题色

│ ├──Constants.ets // 业务常量

│ ├──FormUtils.ets // 卡片Utils

│ └──Types.ets // 数据模型

├──components 

│ └──CustomTabBar.ets // 应用底部Tab

├──pages 

│ ├──AgreeDialogPage.ets // 隐私同意弹窗

│ ├──Index.ets // 入口页面

│ ├──IndexPage.ets // 应用主页面

│ ├──PrivacyPage.ets // 查看隐私协议页面

│ ├──SafePage.ets // 隐私同意页面

│ ├──SplashPage.ets // 开屏广告页面

│ └──StartPage.ets // 应用启动页面

└──widget // 服务卡片

// ComprehensiveNews/commons/lib_account/src/main/ets/viewmodels/LoginVM.ets

@ObservedV2

exportclassLoginVMextendsBaseViewModel{

// 封装登录按钮controller

controller: loginComponentManager.LoginWithHuaweiIDButtonController =

new loginComponentManager.LoginWithHuaweiIDButtonController()

.setAgreementStatus(loginComponentManager.AgreementStatus.NOT_ACCEPTED)

.onClickLoginWithHuaweiIDButton((error: BusinessError, response: loginComponentManager.HuaweiIDCredential) => {

if (response) {

Logger.info(TAG, 'onClickLoginWithHuaweiIDButton success, response: ' + JSON.stringify(response));

}

if (error) {

this.handleHuaweiLoginFail(error);

return;

}

this.huaweiLogin();

})

// ...

}

// ComprehensiveNews/commons/lib_account/src/main/ets/pages/HuaweiLoginPage.ets

@ComponentV2

struct HuaweiLoginPage {

@Local vm: LoginVM = LoginVM.getInstance(false);

build() {

NavDestination() {

// ...

Column() {

// 集成华为账号一键登录按钮

LoginWithHuaweiIDButton({

params: {

style: loginComponentManager.Style.BUTTON_CUSTOM,

extraStyle: {

buttonStyle: new loginComponentManager.ButtonStyle().loadingStyle({

show: true

}).backgroundColor($r('app.color.app_theme'))

},

loginType: loginComponentManager.LoginType.QUICK_LOGIN,

supportDarkMode: false,

},

controller: this.vm.controller,

}).id('login_with_huaweiId_button')

}

}

}

}

// ComprehensiveNews/commons/lib_account/src/main/ets/viewmodels/LoginVM.ets

@ObservedV2

exportclassLoginVMextendsBaseViewModel{

// 封装微信登录请求

asyncjumpWX() {

const req = new wxopensdk.SendAuthReq;

/**

* 填写实际的请求信息

*/

req.isOption1 = false;

req.nonAutomatic = true;

req.scope = 'snsapi_userinfo';

req.state = 'none';

req.transaction = 'test123';

const isJumpSuccess = await wxApi.sendReq(getContext() as common.UIAbilityContext, req);

Logger.info(TAG, 'jump wechat result: ' + isJumpSuccess);

if (!isJumpSuccess) {

promptAction.showToast({ message: '未安装微信' });

}

}

// ...

}

// ComprehensiveNews/components/module_share/src/main/ets/viewModel/WxShareViewModel.ets

import * as wXOpenSdk from'@tencent/wechat_open_sdk';

// ...

exportclassWxShareViewModel{

// 此处换成真实appid

wXApi = wXOpenSdk.WXAPIFactory.createWXAPI('wxc92d9d6570127a32')

privatestatic _instance: WxShareViewModel

isWXApp: boolean = this.wXApi.isWXAppInstalled()

isWXAPPCallback(callback: Function) {

if (!this.isWXApp) {

AlertDialog.show({ message: JSON.stringify('请先安装微信') })

} else {

callback()

}

}

/**

* 分享网页

* @param text 文本内容

*/

newsWebShare(qrCodeInfo: ShareOptions) {

this.isWXAPPCallback(async () => {

const webpageObject = new wXOpenSdk.WXWebpageObject()

/*

* 填写真实web地址

* */

webpageObject.webpageUrl = ''

const mediaMessage = new wXOpenSdk.WXMediaMessage()

mediaMessage.mediaObject = webpageObject

mediaMessage.title = qrCodeInfo.title

mediaMessage.description = `${qrCodeInfo.createTime}`

const thumbData = await getContext(this).resourceManager.getMediaContent($r('app.media.startIcon'))

const thumbPixel = image.createImageSource(thumbData.buffer).createPixelMapSync()

const thumbBuffer = await image.createImagePacker().packToData(thumbPixel, { format: 'image/png', quality: 100 })

mediaMessage.thumbData = newUint8Array(thumbBuffer)

const req = new wXOpenSdk.SendMessageToWXReq()

req.scene = wXOpenSdk.SendMessageToWXReq.WXSceneSession

req.message = mediaMessage

this.wXApi.sendReq(getContext(this) as common.UIAbilityContext, req)

})

}

// ...

}

// ComprehensiveNews/components/module_share/src/main/ets/viewModel/QqShareViewModel.ets

import { IQQOpenApi, OpenApiConfig, QQOpenApiFactory, ShareResultType } from'@tencent/qq-open-sdk';

// ...

/**

* QQ分享

* 实际业务请填写实际appid

*/

exportclassQqShareViewModel{

static appId = 102803516

privatestatic _instance: QqShareViewModel

privatestatic qqOpenApi: IQQOpenApi

shareData: QqShareData = new QqShareData()

public initQqShare(): IQQOpenApi {

if (!QqShareViewModel.qqOpenApi) {

let openApiOption: OpenApiConfig = {

forceEnableWeb: false,

autoHandleAuthResult: true,

}

QqShareViewModel.qqOpenApi =

QQOpenApiFactory.createApi(QqShareViewModel.appId, openApiOption)

}

return QqShareViewModel.qqOpenApi

}

/*

* 需要根据业务获取实际签名

* */

publicgenSign(appId: string | number, shareDataStr: string, timestamp: number, nonce: number) {

let totalStr = `POSTconnect.qq.com/share?appid=${appId}&nonce=${nonce}&ts=${timestamp}&${shareDataStr}`

return'业务签名'

}

publichandleShareInfo(qrCodeInfo:ShareOptions) {

/*

* 生成时间戳并计算签名

* */

let timeStamp = Date.parse(newDate().toString()) / 1000

let nonce = Math.floor(Math.random() * 100000000 + 100)

let shareContent: QqShareContent = {

msg_style: 0,

title: qrCodeInfo.title,

url: '',

picture_url: qrCodeInfo.coverUrl asstring,

}

let shareDataSign = this.genSign(QqShareViewModel.appId, qrCodeInfo.title, timeStamp, nonce)

this.shareData.timestamp = timeStamp

this.shareData.shareJson = JSON.stringify(shareContent)

this.shareData.nonce = nonce

this.shareData.shareJsonSign = shareDataSign

}

publicasyncshare(qrCodeInfo:ShareOptions) {

this.handleShareInfo(qrCodeInfo)

let result = await QqShareViewModel.qqOpenApi.share(2, this.shareData);

// ...

}

}

// ComprehensiveNews/components/module_share/src/main/ets/utils/SystemShare.ets

exportclassPosterShare{

// ...

publicasyncshare(qrCodeInfo:ShareOptions) {

let shareData: systemShare.SharedData = new systemShare.SharedData({

utd: utd.UniformDataType.TEXT,

content: 'www.vmall.com/index.html?cid=128688',

title: qrCodeInfo.title,

description: `${qrCodeInfo.createTime}`,

});

let controller: systemShare.ShareController = new systemShare.ShareController(shareData);

let context = getContext(this) as common.UIAbilityContext;

controller.show(context, {

selectionMode: systemShare.SelectionMode.SINGLE,

previewMode: systemShare.SharePreviewMode.DETAIL,

}).then(() => {

console.info('ShareController show success.');

}).catch((error: BusinessError) => {

console.error(`ShareController show error. code: ${error.code}, message: ${error.message}`);

});

controller.on('dismiss',() => {

ShareEventDispatcher.dispatchToClose()

})

}

}

// ComprehensiveNews/commons/lib_common/src/main/ets/utils/NewsScan.ets

exportclassNewsScan{

static TAG: string = 'NewsScan'

publicscan() {

// 定义扫码参数options

let options: scanBarcode.ScanOptions = {

scanTypes: [scanCore.ScanType.ALL],

enableMultiMode: true,

enableAlbum: true,

};

try {

// 可调用getContext接口获取当前页面关联的UIAbilityContext

scanBarcode.startScanForResult(getContext(this), options).then((result: scanBarcode.ScanResult) => {

// 解析码值结果跳转应用服务页

let resultParams: Record<string, string | NewsEnum> = JSON.parse(result.originalValue)

if(!resultParams?.articleId) {

promptAction.showToast({ message: '扫码错误，仅支持模板内文章海报生成的二维码' })

return

}

let routerParams = {

'id': resultParams?.articleId,

} as Record<string, string>

RouterToNews.routerToNewsById(routerParams.id)

}).catch((error: BusinessError) => {

promptAction.showToast({ message: '扫码错误' })

Logger.error(NewsScan.TAG, '[Scan CPSample]',

`Failed to get ScanResult by promise with options. Code:${error.code}, message: ${error.message}`);

});

} catch (error) {

promptAction.showToast({ message: '扫码错误' })

Logger.error(NewsScan.TAG, '[Scan CPSample]',

`Failed to start the scanning service. Code:${error.code}, message: ${error.message}`);

}

}

}

// ComprehensiveNews/components/module_swipeplayer/src/main/ets/views/VideoSwipePlayer.ets

@ComponentV2({ freezeWhenInactive: true })

export struct VideoSwipePlayer {

// ...

build() {

Stack({ alignContent: Alignment.TopStart }) {

Swiper(this.swiperController) {

LazyForEach(this.datasource, (item: VideoPlayerData, index: number) => {

VideoPlayerView({

videoData: item,

index: index,

autoPlay: this.options?.autoPlay,

currentIndex: this.currentIndex,

totalCount: this.options?.totalCount,

swipePlayerController: this.swipePlayerController,

videoItemPlayerSession: this.videoItemPlayerSession,

videoNetwork: this.videoNetwork,

videoNetworkSetting: this.videoNetworkSetting,

videoLayerBuilder: this.videoLayerBuilder,

fullBtnBuilder: this.fullBtnBuilder,

pathStack: this.pathStack,

})

}, (item: VideoPlayerData, index: number) => item.getVideoId() + index);

}

.cachedCount(this.options?.cachedCount ?? 2)

.width('100%')

.height('100%')

.vertical(true)

.loop(false)

.curve(Curve.Ease)

.duration(300)

.indicator(false)

.backgroundColor(Color.Black)

.effectMode(this.currentIndex === 0 ? EdgeEffect.None : EdgeEffect.Spring)

.onChange((index: number) => {

this.currentIndex = index;

if (this.options?.swiperCallback?.onChange) {

this.options.swiperCallback?.onChange(index);

}

})

.onAnimationStart((index: number, targetIndex: number, extraInfo: SwiperAnimationEvent) => {

this.currentIndex = targetIndex;

if (this.options?.swiperCallback?.onAnimationStart) {

this.options.swiperCallback?.onAnimationStart(index, targetIndex, extraInfo);

}

})

}

.width('100%')

.height('100%')

.id('player')

}

}

// ComprehensiveNews/commons/lib_common/src/main/ets/utils/FileUtils.ets

exportclassFileUtils{

/**

* 读取缓存大小，单位Byte

*/

staticgetCache() {

return storageStatistics.getCurrentBundleStats().then((bundleStats: storageStatistics.BundleStats) => {

Logger.info(TAG, 'getCurrentBundleStats successfully:' + JSON.stringify(bundleStats));

Logger.info(TAG, 'appSize :' + bundleStats.appSize);

Logger.info(TAG, 'cacheSize :' + bundleStats.cacheSize);

Logger.info(TAG, 'dataSize :' + bundleStats.dataSize);

return bundleStats.cacheSize;

});

}

/**

* 清除缓存

* @param cacheDir

*/

staticclearCache() {

const cacheDir = getContext().cacheDir;

Logger.info(TAG, 'clear cache dir:' + cacheDir);

fs.listFile(cacheDir).then((filenames) => {

for (let i = 0; i < filenames.length; i++) {

let dirPath = cacheDir + '/' + filenames[i];

Logger.info(TAG, 'dir path:' + dirPath);

let isDirectory: boolean = false;

try {

isDirectory = fs.statSync(dirPath).isDirectory();

} catch (e) {

Logger.error(TAG, 'statSync error:' + JSON.stringify(e));

}

if (isDirectory) {

fs.rmdirSync(dirPath);

} else {

fs.unlink(dirPath).then(() => {

Logger.info(TAG, 'remove file succeed');

}).catch((err: Error) => {

Logger.error(TAG, 'remove file failed with error message: ' + err.message);

});

}

}

})

}

// ...

}

exportclassAppGalleryUtils{

/**

* 是否有更新版本

* @param context

* @returns

*/

publicstatic checkAppUpdate(context: common.UIAbilityContext): Promise<boolean> {

try {

return updateManager.checkAppUpdate(context)

.then((checkResult: updateManager.CheckUpdateResult) => {

Logger.info(TAG, 'Succeeded in checking Result updateAvailable:' + checkResult.updateAvailable);

return checkResult.updateAvailable === updateManager.UpdateAvailableCode.LATER_VERSION_EXIST;

}).catch((error: BusinessError) => {

Logger.error(TAG, `checkAppUpdate onError.code is ${error.code}, message is ${error.message}`);

returnfalse;

});

} catch (error) {

Logger.error(TAG, `checkAppUpdate onError.code is ${error.code}, message is ${error.message}`);

returnPromise.resolve(false);

}

}

/**

* 显示升级弹窗

* @param context

*/

publicstaticshowUpdateDialog(context: common.UIAbilityContext) {

try {

updateManager.showUpdateDialog(context)

.then((resultCode: updateManager.ShowUpdateResultCode) => {

Logger.info(TAG, 'Succeeded in showing UpdateDialog resultCode:' + resultCode);

})

.catch((error: BusinessError) => {

Logger.error(TAG, `showUpdateDialog onError.code is ${error.code}, message is ${error.message}`);

});

} catch (error) {

Logger.error(TAG, `showUpdateDialog onError.code is ${error.code}, message is ${error.message}`);

}

}

}

// ComprehensiveNews/preload/handler.js

let myHandler = asyncfunction (event, context, callback, logger) {

logger.info(`Input event: ${JSON.stringify(event)}`);

let hmSystem = {

status: 1,

msg: "success",

};

logger.info(`hmSystem: ${hmSystem}`);

let recommendList = [ 

// ...

];

logger.info(`tableTitleArr: ${recommendList}`);

let result = { hmSystem, recommendList };

let res = new context.HTTPResponse(

result,

{

"faas-content-type": "json",

},

"application/json",

"200"

);

callback(res);

};

module.exports.myHandler = myHandler;

// ComprehensiveNews/products/phone/src/main/ets/phoneability/PhoneAbility.ets

exportdefaultclassPhoneAbilityextendsUIAbility{

onCreate(want: Want, launchParam: AbilityConstant.LaunchParam) {

// ...

this.functionPreload();

}

privatefunctionPreload() {

// 获取安装预加载数据

try {

cloudResPrefetch.getPrefetchResult(cloudResPrefetch.PrefetchMode.INSTALL_PREFETCH)

.then((data: cloudResPrefetch.PrefetchResult) => {

let result: RequestListData[] =

(data.result as CloudRecommendListResult<RequestListData[]>).recommendList as RequestListData[]

AppStorage.setOrCreate('recommendList', result)

Logger.info('preloadTag',

`Succeeded in getting install prefetch data, result: ${JSON.stringify(data.result)}`);

}).catch(async (err: BusinessError) => {

Logger.error('preloadTag', `Failed to get install prefetch data, code: ${err.code}, message: ${err.message}`);

// 使用原有方式获取应用数据

let recommendList = await HomeServiceApi.queryHomeRecommendList('recommend');

AppStorage.setOrCreate('recommendList', recommendList)

})

} catch (err) {

Logger.error('preloadTag', `Failed to get install prefetch data, code: ${err.code}, message: ${err.message}`);

}

}

// ...

}

// ComprehensiveNews/components/module_advertisement/src/main/ets/components/Advertisement.ets

@ComponentV2

export struct AdvertisementComponent {

// 请求广告

privateasync loadAd(adId: string): Promise<void> {

// 1为全屏广告，8为横幅广告

if (this.adType === 1) {

// 广告请求参数

this.adRequestParams = {

// 广告位ID

adId: adId,

// 开屏广告类型

adType: this.adType,

// 请求的广告数量

adCount: 1,

// 开放匿名设备标识符

oaid: this.oaId,

};

this.adDisplayOptions = {

mute: true,

};

this.adOptions = {

allowMobileTraffic: 0,

adContentClassification: 'A',

tagForUnderAgeOfPromise: -1,

tagForChildProtection: -1,

};

// 广告请求回调监听

const adLoadListener: advertising.AdLoadListener = {

// 广告请求失败回调

onAdLoadFailure: (errorCode: number, errorMsg: string) => {

hilog.error(0x0000, 'testTag', `Failed to load ad. Code is ${errorCode}, message is ${errorMsg}`);

},

// 广告请求成功回调

onAdLoadSuccess: (ads: Array<advertising.Advertisement>) => {

clearTimeout(this.timeOutIndex);

if (this.isTimeOut) {

return;

}

hilog.info(0x0000, 'testTag', 'Succeeded in loading ad');

this.ad = ads[0];

},

};

// 创建AdLoader广告对象

const adLoader: advertising.AdLoader = new advertising.AdLoader(this.context);

this.timeOutHandler();

// 调用广告请求接口

adLoader.loadAd(this.adRequestParams, this.adOptions, adLoadListener);

} else {

this.adRequestParams = {

adId: adId,

adType: this.adType,

// 宽和高当前只支持360*57和360*144两种尺寸

adWidth: 360,

adHeight: 57,

oaid: this.oaId,

};

this.adDisplayOptions = {

refreshTime: 30000,

};

this.adOptions = {

allowMobileTraffic: 0,

tagForChildProtection: -1,

tagForUnderAgeOfPromise: -1,

adContentClassification: 'A',

};

}

}

}

// ComprehensiveNews/commons/lib_common/src/main/ets/push/PushUtils.ets

exportclassPushUtils{

/**

* 获取push推送token

**/

publicstaticasync getTokenSyn(): Promise<string> {

try {

const pushToken = await pushService.getToken();

return pushToken;

} catch (err) {

let e: BusinessError = err as BusinessError;

Logger.error('get token', 'Get push token catch error: %{public}d %{public}s');

return'';

}

}

/**

* 本地使用push rest api mock云端推送

**/

publicstaticasyncpushMessage(articleList: ESObject) {

/*

* 这里的Authorization需要开发者自行获取，详情见readme

* */

axios.post('https://push-api.cloud.huawei.com/v3/388421841222475582/messages:send',

PushUtils.pushMessageParams(articleList), {

headers: {

'Content-Type': 'application/json',

'push-type': 0,

'Authorization': 'Bearer ',

},

})

.then((resp: AxiosResponse) => {

Logger.info('push success', JSON.stringify(resp))

})

.catch((err: AxiosError) => {

Logger.info('push err' + err)

})

}

}

// ComprehensiveNews/components/module_text_reader/src/main/ets/views/ReadNewsComponent.ets

// 当前受部分API接入限制，仅支持状态管理V1版本

@Component

struct ReadIcon {

/**

* 包名

*/

@Prop bundleName: string = ''

/**

* 播放状态

*/

@State readState: ReadStateCode = ReadStateCode.WAITING;

/**

* 用于显示当前页的按钮状态

*/

@State isInit: boolean = false;

/**

* 播放加载数据,传入的格式id,title的text,author的text,date的text,bodyInfo内容,封面的PixelMap

*/

@State readInfo: TextReader.ReadInfo | undefined = undefined

/**

* 用于显示播放的id

*/

@Prop readInfoListString: string

@Prop localCoverImage:PixelMap

@State readInfoList: TextReader.ReadInfo[] | undefined = undefined

/**

* 用于显示播放的id

*/

@Prop currentId: string

/**

* 初始化

*/

asyncinit() {

const readerParam: TextReader.ReaderParam = {

isVoiceBrandVisible: true,

businessBrandInfo: {

panelName: this.bundleName,

panelIcon: $r('app.media.startIcon'),

},

}

try {

let context: Context | undefined = this.getUIContext().getHostContext()

if (context) {

await TextReader.init(context, readerParam);

this.isInit = true;

}

} catch (err) {

console.error(`TextReader failed to init. Code: ${err.code}, message: ${err.message}`);

}

}

asyncaboutToAppear() {

this.readInfoList = JSON.parse(this.readInfoListString) as TextReader.ReadInfo[]

this.readInfoList.forEach((item) => {

if (item.id === this.currentId) {

this.readInfo = item

}

})

this.init();

}

onStateChanged = (state: TextReader.ReadState) => {

if (this.readInfo?.id === state.id) {

this.readState = state.state;

} else {

this.readState = ReadStateCode.WAITING;

}

}

// 设置操作监听

setActionListener() {

TextReader.on('stateChange', (state: TextReader.ReadState) => {

this.onStateChanged(state)

});

TextReader.on('requestMore', () =>this.onStateChanged);

TextReader.on('eventPanel', (pe: TextReader.PanelEvent) => {

// 监听点击上一条或者下一条音频

if (pe.click === 'BPC_03' || pe.click === 'BPC_04') {

let event: emitter.InnerEvent = {

eventId: 1,

priority: emitter.EventPriority.IMMEDIATE,

};

let eventData: emitter.EventData = {

data: {

state: pe.id,

},

};

// Send an event with eventId 1 and the event content is eventData

emitter.emit(event, eventData);

}

});

}

build() {

Column() {

TextReaderIcon({ readState: this.readState })

.margin({ right: 20 })

.width(32)

.height(32)

.onClick(async () => {

try {

this.setActionListener();

if (this.readInfoList !== undefined) {

await TextReader.start(this.readInfoList, this.readInfo?.id);

}

} catch (err) {

console.error(`TextReader failed to start. Code: ${err.code}, message: ${err.message}`);

}

})

}

.justifyContent(FlexAlign.Center)

.height('100%')

.width('70%')

.alignItems(HorizontalAlign.End)

}

}