D3-Flutter 开源鸿蒙跨平台工程集成网络请求能力
本文介绍了在HarmonyOS中配置Flutter项目网络权限和Dio库的完整流程。关键步骤包括:1)在module.json5中添加INTERNET权限声明时需注意JSON格式;2)配置pubspec.yaml引入Dio库时要保持缩进规范;3)调试API接口时需仔细检查URL和代码逻辑;4)提供了两种Git提交方案(命令行和IDE操作)。作者特别强调了细节处理的重要性,如JSON格式校验、代码缩
❗️这里我还没有发现错误所以直接进行了第一步配置,后期发现错误进行了二次修改,如果没有发现错误可以参考这一步,如果和我一样出现错误可以直接跳过这一步进行后续操作。
输入代码:
"requestPermissions": [
{
"name": "ohos.permission.INTERNET"
}
]
在moudle.json5里面moudle结点下面添加如上代码,注意❗️:方括号后面要加上逗号否则会报错,这个是比较重要的可以看下面我鼠标指针放在的地方。保存之后就可以访问网络了。

我这里Flutter插件没有办法搜索到安装所以我进行了以下操作:
①首先创建Flutter项目
flutter create flutter_harmony_demo

②配置dio库
问题比较大的是找到pubspec.yaml我刚开始没有找到我是直接搜索找到的。找到后在相应地方加上
dio: ^5.4.3+1
❗️这句话前面要加上两个空格和上一行对齐,这个是很重要的;还要保存。

③替换 lib/main.dart 核心代码
这一步没有需要详细说的只要记得保存即可,这里我的Flutter已经成功安装并且运行了,但是我的接口出现错误主要是我的代码测试接口出错,现在我需要修改我的接口使他更加稳定。下面是我要修改的代码:
String apiUrl = "https://jsonplaceholder.typicode.com/todos";


❗️我按照我第四步的方法操作发现还是错误,最后发现我里面有内容书写错误,在这里提醒大家要仔细查看自己的代码,下面是我的正确运行结果。如果有疑问欢迎探讨。

现在我准备工作已经做好了,我要开始重新配置网咯权限。这里我加入了以下代码:
"requestPermissions": [
{
"name": "ohos.permission.INTERNET",
"reason": "需要网络权限获取任务数据",
"usedScene": {
"ability": [".EntryAbility"],
"when": "inuse"
}
}
没有出现致命错误可以不用更改,这一步操作还是比较容易的。

然后我遇见了加载不出来的结果的问题,在main.dart里面做了一些接口的更改,最后实现正常加载。

在cmd中点击R运行,即可出结果。

④代码提交到 Git 仓库
方案一:在cmd中输入命令
刚开始我项目里面的Git不能使用我就用了cmd代码指令,代码如下:
git init
git add .
git commit -m "完成Flutter+鸿蒙列表展示:dio网络请求+鸿蒙权限配置" git remote add origin
https://atomgit.com/你的用户名/仓库名.git
git push -u origin master

页面显示这个就算成功了。我后面会尝试直接在程序里面提交Git。

方案二:在程序中直接提交
后面我尝试直接在程序里面推送,重启之后出现了Git但是我找不到changes,所以我用了另一个方法,直接在程序项目栏里面点击右键→git→Commit File最后就可以提交并推送了。

总结
我的这个过程主要前半部分有一些之前没有完善好的地方,因此我又进行了一部分的维护,如果大家之前完成比较好可以忽略不计。重点在后半部分里面有一些细小的问题和差距需要细致观察,这一章整体还是比较偏向于细节方面的。包括后面的提交我建议是大家尽量在程序里面跑一遍这样会很大程度上降低后续操作成本,两种方法都可以尝试一下感受一下难易程度。过程中可能会有比较多报错误的地方大家可以积极探讨。
欢迎加入开源鸿蒙跨平台社区
https://openharmonycrossplatform.csdn.net
更多推荐


所有评论(0)