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

这篇具有很好参考价值的文章主要介绍了HarmonyOS引入其他包,以引入请求axios为例。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

安装文件

安装文件位置: 总目录的oh-package.json5文件
axios 鸿蒙,HarmonyOS,harmonyos,华为
dependencies:生产环境–上线运行时候必须需要的包
devDependencies:开发环境–开发适合为了方便提高效率的包。

包管理工具

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

配置环境变量

在命令行运行一下 ohpm -v
如果已经安装但报下面错,说明需要配置环境变量。
axios 鸿蒙,HarmonyOS,harmonyos,华为

axios 鸿蒙,HarmonyOS,harmonyos,华为
重新启动项目,就可再次看到是可以的
axios 鸿蒙,HarmonyOS,harmonyos,华为

安装第三方包

ohpm常见命令
axios 鸿蒙,HarmonyOS,harmonyos,华为
如果不知道需要什么包,包的名字,可以在官网查看

安装一个http请求的axios试试

 ohpm install @ohos/axios

axios 鸿蒙,HarmonyOS,harmonyos,华为

在进行网络请求前,您需要在module.json5文件中申明网络访问权限。
axios 鸿蒙,HarmonyOS,harmonyos,华为
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)
      }
    }
  }
}

axios 鸿蒙,HarmonyOS,harmonyos,华为文章来源地址https://www.toymoban.com/news/detail-770934.html

到了这里,关于HarmonyOS引入其他包,以引入请求axios为例的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【鸿蒙(HarmonyOS)】UI开发的两种范式:ArkTS、JS(以登录界面开发为例进行对比)

    之后关于HarmonyOS技术的分享,将会持续使用到以下版本 HarmonyOS:3.1/4.0 SDK:API 9 Release Node.js:v14.20.1 DevEco Studio: 3.1.0 HarmonyOS应用的UI开发依赖于 方舟开发框架(简称ArkUI) 。 根据官方介绍,ArkUI提供了UI语法、丰富的UI功能(组件、布局、动画以及交互事件),以及实时界面

    2024年02月08日
    浏览(68)
  • 详细教程 - 从零开发 Vue 鸿蒙harmonyOS应用 第五节 (基于uni-app封装鸿蒙接口请求库)

      随着鸿蒙系统的兴起,越来越多的app会采用鸿蒙开发。而鸿蒙开发必不可少的就是调用各种接口服务。为了简化接口的调用流程,我们通常会做一层封装。今天就来讲解一下,如何用uni-app封装鸿蒙的接口请求库。   首先我们要新建一个鸿蒙项目啦!当然选择第一个空白项

    2024年02月02日
    浏览(63)
  • 非华为机型如何体验HarmonyOS鸿蒙系统 刷写HarmonyOS鸿蒙GSI系统以及一些初步的bug修复

    最近很多视频网站有非华为机型使用HarmonyOS鸿蒙系统的演示。其实大都是刷了HarmonyOS鸿蒙系统gsi系统。体验还可以。有些刷入后bug较多。那么这些机型是如何刷写gsi?可以参考我以往帖子 安卓玩机搞机-----没有第三方包 刷写第三方各种GSI系统 体验非官方系统_gsi刷机包_安卓机

    2024年02月09日
    浏览(47)
  • Java之父詹姆斯·高斯林 (James Gosling)学鸿蒙(HarmonyOS),HarmonyOS(鸿蒙)——Image组件详述

     本文已收录于专栏 ❤️《鸿蒙开发》❤️ 欢迎各位关注、三连博主的文章及专栏,每周定期更新1-5篇基础文章,共勉! Image是用来显示图片的组件,我们在开发中使用的非常频繁! ​ Image也是组件,它继承自: ohos.agp.components.Component ​ 我们在使用Image组件的时候,只需要

    2024年02月11日
    浏览(48)
  • 初识鸿蒙HarmonyOS系统

    鸿蒙HarmonyOS的诞生背景 鸿蒙HarmonyOS的起源:           鸿蒙HarmonyOS是中华为面对全球科技发展趋势和自身战略需求,在2019年推出的全新一代面向全场景的分布式操作系统。它的诞生旨在应对物联网时代下各种智能设备互联互通的需求,以及构建自主可控的生态系统,特别是

    2024年04月13日
    浏览(44)
  • HarmonyOS-鸿蒙系统概述

    你了解鸿蒙系统吗? 你看好鸿蒙系统吗? 今年秋季即将推出的HarmonyOS Next 星河版热度空前,一起来了解一下吧。本文将从HarmonyOS 的应用场景、发展历程、架构、开发语言、开发工具、生态建设六个角度聊一聊个人的理解。 1、应用场景 鸿蒙,原本意思是中国神话传说的远古

    2024年04月10日
    浏览(47)
  • 【华为鸿蒙】HarmonyOS概述:技术特性

    来源:HarmnyOS 官网 https://developer.harmonyos.com/cn/docs/documentation/doc-guides/harmonyos-features-0000000000011907 多种设备之间能够实现硬件互助、资源共享,依赖的关键技术包括分布式软总线、分布式设备虚拟化、分布式数据管理、分布式任务调度等。 分布式软总线是手机、平板、智能穿戴

    2024年01月21日
    浏览(50)
  • 鸿蒙(HarmonyOS)应用开发指南

    1.1 简介 鸿蒙 (即 HarmonyOS ,开发代号 Ark ,正式名称为华为终端鸿蒙智能设备操作系统软件)是华为公司自 2012 年以来开发的一款可支持鸿蒙原生应用和兼容 AOSP 应用的 分布式操作系统 。该系统利用“分布式”技术将 手机、电脑、平板、电视、汽车和智能穿戴 等多款设备

    2024年02月02日
    浏览(104)
  • 鸿蒙 HarmonyOS应用模型简要分析

    官方文档给出解释: 应用模型是系统为开发者提供的应用程序所需能力的抽象提炼,它提供了应用程序必备的组件和运行机制。有了应用模型,开发者可以基于一套统一的模型进行应用开发,使应用开发更简单、高效。 简单来说就是一套开发的模板或框架,基于其开发应用

    2024年04月13日
    浏览(34)
  • 鸿蒙开发-HarmonyOS UI架构

    当我们新建一个工程之后,首先会进入Index页。我们先简单的做一个文章列表的显示 这样,我们只要把 articles 里面填充数据,就能正常显示一个列表了。 可以看到上面的代码里是没有数据的,只有一个空数组。我们想要从网络获取数据。那么,数据怎么来呢?最简单粗暴的

    2024年02月19日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包