提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
文章目录
- 目录
文章目录 前言一、什么是uni-app？二、uni-app的优势三、 uni-app项目的创建四、 学习背景五、使用阿里云api新闻项目案列
前言
作为一名在校学生，我一直对移动应用开发非常感兴趣。最近，我开始学习uni-app，这是一种跨平台应用程序开发框架，可以让开发者使用Vue.js编写一次代码，然后将其发布到多个平台，例如iOS、Android和Web。
提示：以下是本篇文章正文内容，下面案例可供参考
一、什么是uni-app？
uni-app是一款基于Vue.js框架的跨平台应用开发框架，它可以将同一份代码编译成多个平台的应用程序，包括iOS、Android、H5等。uni-app提供了丰富的组件和API，可以满足开发者的各种需求。
二、uni-app的优势
- 节约开发成本：uni-app可以将同一份代码编译成多个平台的应用程序，大大减少了开发成本和维护成本。
- 提高开发效率：uni-app提供了丰富的组件和API，可以快速构建应用程序，同时也提供了自动化构建和打包工具，可以省去手动配置的烦恼。
- 提供优秀的用户体验：uni-app使用了原生渲染技术，可以提供流畅的用户体验。
- 支持多种平台：uni-app可以将同一份代码编译成多个平台的应用程序，包括iOS、Android、H5等。
- 易于学习和使用：uni-app基于Vue.js框架，可以利用Vue.js的开发经验进行开发，同时也提供了详细的文档和示例代码，可以帮助开发者快速上手。
三、 uni-app项目的创建
当创建一个uni-app项目时，可以选择使用HBuilderX进行创建。HBuilderX是一款基于Vue.js的全能型开发工具，它支持uni-app的开发、调试和发布。在创建项目后，可以通过HBuilderX进行修改和构建。
HBuilderX-高效极客技巧 (dcloud.io) 
创建步骤：
四、 学习背景
教学项目：仿网易云音乐小程序
个人成果图片
学生技术背景：大二在校学生，学习了Java基础、HTML、JavaScript、css、MySQL、Vue课程
项目部分知识点一览
- 使用git和gitee进行代码的版本控制：Git是一种版本控制系统，可以帮助开发人员管理代码的版本。Gitee是一个国内的Git代码托管平台，可以用来存储和管理代码。
- 使用gimp测量图片大小与距离以编写css：GIMP是一款免费的图像编辑软件，可以用来测量图片的大小和距离，并编写相应的CSS代码。
- pages.json页面路由的配置：pages.json是uni-app中用来配置页面路由的文件，可以通过配置pages.json来实现页面间的跳转和参数传递。
- 使用阿里云智能logo设计网站设计应用logo：阿里云智能是阿里巴巴集团旗下的云计算服务提供商，提供了一些设计工具，可以用来设计网站和应用的logo。
- 安装与使用微信小程序开发工具：微信小程序开发工具是一款用来开发微信小程序的工具，可以在其中编写代码、调试和发布小程序。
- 在uni-app中使用静态资源：在uni-app中，可以通过引入静态资源（如图片、字体等）来美化应用界面或增加应用功能。
- iconfont的下载与使用：iconfont是一个图标库，可以在其中下载各种图标，并通过CSS来使用。
- 认识uniapp应用生命周期和页面生命周期：uni-app应用生命周期指应用从启动到关闭的整个生命周期，页面生命周期指页面从创建到销毁的整个生命周期。
- uni-app基础组件的使用view、scrollview、text、list、rich-text等：uni-app提供了一些基础组件，可以用来构建应用界面和实现应用功能。
- 安装、使用第三方组件-循环骨架m-for-skeleton：循环骨架m-for-skeleton是一款uni-app的第三方组件，可以用来实现列表数据的骨架屏效果。
- 自定义组件开发-uamhead及使用向组件props传值：在uni-app中，可以自定义组件，并通过props属性向组件传递参数。
- 使用apifox调用、测试webapi：Apifox是一个在线的API管理工具，可以用来调用、测试和管理Web API。
- 使用uni.request发起对api的网络请求并处理响应结果：在uni-app中，可以使用uni.request方法来发起网络请求，并处理响应结果。
五、使用阿里云api新闻项目案列
1.注册阿里云账号并开通对应的服务。
官方网站：阿里云-计算，为了无法计算的价值 (aliyun.com)
2.找一个关于新闻的api免费试用
3.在阿里云控制台中创建AccessKey ID和AccessKey Secret，用于API的身份验证。
4.根据API文档中提供的请求地址、请求方式、请求参数等信息，构造API请求。
config.js
export const baseUrl ='https://jisunews.market.alicloudapi.com';api.js
这是一段使用uni.request方法实现API请求的代码。其中，baseUrl表示API的基础地址，news函数和get函数表示不同的API请求，分别调用了同样的baseUrl和不同的请求地址，使用了GET请求方法。
在header中使用了Authorization属性，传递了APPCODE的值，用于对API请求进行身份验证。APPCODE是阿里云API管理控制台上为API分配的唯一标识，需要在阿里云控制台中获取和设置。
4.解析API响应，获取需要的数据。
这是一个使用uni.request方法实现API请求的代码片段，用于在页面加载时获取新闻列表和新闻菜单数据。
在onLoad()方法中，首先调用了get()方法，传递了参数'头条'，获取新闻列表数据。get()方法返回一个Promise对象，使用then()方法获取API响应结果，并将结果赋值给this.list变量，用于在页面中渲染新闻列表。同时，使用console.log()方法输出API响应结果，方便调试和查看。
总的来说，这段代码利用了uni.request方法实现了API请求，获取了新闻列表和新闻菜单数据，并将数据渲染到页面中。
5.拿到数据以后进行渲染
项目效果
6.总结
具体的使用方法可以参考阿里云API的官方文档和示例代码。一般来说，阿里云API的使用需要具备一定的编程和网络知识。如果您不熟悉API的使用，建议先学习相关的知识再进行实践。
