HarmonyOS引入其他包,以引入请求axios为例

news/2024/7/21 12:16:19 标签: harmonyos, 华为

安装文件

安装文件位置: 总目录的oh-package.json5文件
在这里插入图片描述
dependencies:生产环境–上线运行时候必须需要的包
devDependencies:开发环境–开发适合为了方便提高效率的包。

包管理工具

OHPM CLI 作为鸿蒙生态三方库的包管理工具,支持OpenHarmony共享包的发布、安装和依赖管理。
下载开发工具的时候会装一个ohpm的软件,就是这个。【下载地址】

配置环境变量

在命令行运行一下 ohpm -v
如果已经安装但报下面错,说明需要配置环境变量。
在这里插入图片描述

在这里插入图片描述
重新启动项目,就可再次看到是可以的
在这里插入图片描述

安装第三方包

ohpm常见命令
在这里插入图片描述
如果不知道需要什么包,包的名字,可以在官网查看

安装一个http请求的axios试试

 ohpm install @ohos/axios

在这里插入图片描述

在进行网络请求前,您需要在module.json5文件中申明网络访问权限。
在这里插入图片描述
Demo,在index.ets获取新浪最新头条。

import axios from '@ohos/axios'
interface ListType {
  hotValue: string,
  index: number,
  link: string,
  title: string
}
@Entry
@Component
struct Index {
  @State ListData: ListType[] = []

  build() {
    Column() {
      Row(){
        Text('获取新浪头条:')
        Button('请求').onClick(() => {
          axios.get('https://api.codelife.cc/api/top/list?lang=cn&id=KqndgxeLl9').then(res => {
            console.log(res.data.data[0])
            this.ListData = res.data.data
          })
        })
      }
      Divider()
      List({space:20}){
        ForEach(this.ListData,item => {
          ListItem(){
            Row() {
              Text(`${item.index}.${item.title}`)
              Text(item.hotValue).fontWeight(FontWeight.Bold)
            }
            .width('100%')
            .backgroundColor('#fff3a4b1')
            .padding(10)
            .borderRadius(8)
            .justifyContent(FlexAlign.SpaceBetween)
          }
          // .margin({
          //   left:10,right:10
          // })
        },item => item.index)
      }
    }
  }
}

请添加图片描述


http://www.niftyadmin.cn/n/5238180.html

相关文章

Android : ViewModel_解决textView 横竖屏数据丢失

横竖屏切换 textView 数据丢失 1.导包 // 使用androidx版本库implementation androidx.lifecycle:lifecycle-extensions:2.1.0-alpha03// 或者,使用support版本库implementation android.arch.lifecycle:extensions:1.1.1 2.写个类 继承 viewModel import an…

React都有哪些hooks?

useState:用于在函数组件中使用状态(state)。它返回一个数组,第一个元素是当前状态的值,第二个元素是更新状态的函数。可以通过调用这个函数来更新状态的值。 useEffect:用于在函数组件中执行副作用操作&a…

基于Java SSM邮局订报管理系统

尽管电子读物越来越普及,但还是有很多读者对纸质刊物情有独钟,所以邮局的报刊征订业务一直非常受欢迎。邮局订报管理系统就是对客户在邮局订阅报刊进行管理,包括查询报刊、订阅报刊、订阅信息的查询、统计等的处理,系统的主要业务…

假设检验(三)(单侧假设检验)

在 《假设检验(二)(正态总体参数的假设检验)》中我们讨论了形如 H 0 : θ θ 0 ↔ H 1 : θ ≠ θ 0 H_0:\theta\theta_0 \leftrightarrow H_1:\theta \neq \theta_0 H0​:θθ0​↔H1​:θθ0​ 的假设检验问题,其…

gitlab-jenkins-shell-helm-chart-k8s自动化部署微服务

1.准备好编译环境的容器,所有容器的镜像制作在gemdale-dockerfile这个代码库里面,也可以直接拉取官方镜像部署 docker run --name node1420-patternx -v /data/var/www/:/data/var/www/ -v /var/jenkins_home/:/var/jenkins_home/ -v /mnt/hgfs/:/mnt/h…

STM32通用定时器

本文实践:实现通过TIM14_CH1输出PWM,外部显示为呼吸灯。 通用定时器简介 拥有TIM2~TIM5、TIM9~TIM14 一共10个定时器,具有4路独立通道,可用于输入捕获、输出比 较,同时包含了基本定时去的所有功能。 通用定时器的结…

【NGINX--12】性能调优

1、使用压测工具实现测试自动化 需要使用压测工具实现测试自动化,以确保测试一致性和可重复性。 使用 HTTP 压测工具,例如 Apache Jmeter、Locust、Gatling 或团队标准化的任何测试工具。为压测工具创建配置,对您的 Web 应用做全面测试&…

专业课145+总分440+东南大学920考研专业基础综合信号与系统数字电路经验分享

个人情况简介 今年考研440,专业课145,数一140,期间一年努力辛苦付出,就不多表了,考研之路虽然艰难,付出很多,当收获的时候,都是值得,考研还是非常公平,希望大…