• 【Harmony OS】【JAVA UI】鸿蒙应用如何集成OKHttp网络三方库

     准备资料

    接口准备

    准备get请求接

    cke_626.png

    Post接口

    cke_1283.png

    参考资料

    1.OKHttp

    2.Android OkHttp常用详解

    如何集成

    1参考OKHttp的方法三

    在项目级别的build.gradle添加如下代码

    1. allprojects {
    2.     repositories {
    3.         maven {
    4.             url 'https://repo.huaweicloud.com/repository/maven/'
    5.         }
    6.         maven {
    7.             url 'https://developer.huawei.com/repo/'
    8.         }
    9.         allprojects{
    10.             repositories{
    11.                 mavenCentral()
    12.             }
    13.         }
    14.     }
    15. }

    在entry的build.gradle添加如下代码

    1.   implementation 'io.openharmony.tpc.thirdlib:okgo:1.0.2'
    2.     implementation 'io.openharmony.tpc.thirdlib:okrx:1.0.2'
    3.     implementation 'io.openharmony.tpc.thirdlib:okrx2:1.0.2'
    4.     implementation 'io.openharmony.tpc.thirdlib:okserver:1.0.2'

    在entry的config.json添加 权限 代码如下

    1.  "reqPermissions": [
    2.       {
    3.         "name": "ohos.permission.INTERNET"
    4.       }
    5.     ],

    注意事项

    如果接口是https的话需要在config.json的deviceConfig里添加如下代码

    1.   "deviceConfig": {
    2.     "default": {
    3.       "network": {
    4.         "cleartextTraffic": true
    5.       }
    6.     }
    7.   },

    界面实现

    在layout的xml中写三个Text标签，第一个Text用于触发get请求的事件，第二个Text用于触发Post请求的事件，第三个Text用于显示结果，代码和效果图如下

    1. "1.0" encoding="utf-8"?>
    2. <DirectionalLayout
    3.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
    4.     ohos:height="match_parent"
    5.     ohos:width="match_parent"
    6.     ohos:alignment="horizontal_center"
    7.     ohos:orientation="vertical">
    8.  
    9.     <Text
    10.         ohos:id="$+id:text_type_get"
    11.         ohos:height="100vp"
    12.         ohos:width="match_parent"
    13.         ohos:text_alignment="center"
    14.         ohos:layout_alignment="horizontal_center"
    15.         ohos:text="Get请求"
    16.         ohos:text_size="40vp"
    17.         />
    18.     <Text
    19.         ohos:id="$+id:text_type_Post"
    20.         ohos:height="100vp"
    21.         ohos:text_alignment="center"
    22.         ohos:width="match_parent"
    23.         ohos:background_element="#ed6262"
    24.         ohos:layout_alignment="horizontal_center"
    25.         ohos:text="Post请求"
    26.         ohos:text_size="40vp"
    27.         />
    28.     <Text
    29.         ohos:id="$+id:text_result"
    30.         ohos:height="match_parent"
    31.         ohos:multiple_lines="true"
    32.         ohos:text_alignment="center"
    33.         ohos:width="match_parent"
    34.         ohos:layout_alignment="horizontal_center"
    35.         ohos:text="显示结果"
    36.         ohos:text_size="40vp"
    37.         />
    38.  
    39.  
    40. DirectionalLayout>

    cke_16866.png

    Get请求实现

    在Get的Text点击事件，实现 Get请求和请求成功之后和请求失败之后（参考 线程管理开发指导）需要将子线程切到Ui线程进行显示数据，代码如下

    1.     TextGet.setClickedListener(new Component.ClickedListener() {
    2.             @Override
    3.             public void onClick(Component component) {
    4.                 OkHttpClient client = new OkHttpClient();
    5.                 Request.Builder requestBuilder = new Request.Builder();
    6.                 HttpUrl.Builder urlBuilder=HttpUrl.parse("http://web.juhe.cn/environment/air/cityair").newBuilder();//todo 接口链接
    7.                 urlBuilder.addQueryParameter("city","shanghai");//todo  参数
    8.                 urlBuilder.addQueryParameter("Key","******");// todo 密钥 key自己申请
    9.                 requestBuilder.url(urlBuilder.build());
    10.                 Call call = client.newCall(requestBuilder.build());
    11.                 call.enqueue(new Callback() {
    12.                     @Override
    13.                     public void onFailure(Call call, IOException e) {
    14.                         //todo 失败回调 需要回到主线程显示结果
    15.                         getUITaskDispatcher().asyncDispatch(new Runnable() {
    16.                             @Override
    17.                             public void run() {
    18.                                 textResult.setText(e.getMessage());
    19.                             }
    20.                         });
    21.  
    22.                     }
    23.  
    24.                     @Override
    25.                     public void onResponse(Call call, Response response) throws IOException {
    26.                         if(response.isSuccessful()){
    27.                             String result = response.body().string();
    28.                             //todo 处理UI需要切换到UI线程处理
    29.                             getUITaskDispatcher().asyncDispatch(new Runnable() {
    30.                                 @Override
    31.                                 public void run() {
    32.                                     textResult.setText(result);
    33.                                 }
    34.                             });
    35.  
    36.                         }
    37.                     }
    38.                 });
    39.             }
    40.         });

    Post请求实现

    在Post的Text实现点击事件，具体参考Android OkHttp常用详解，代码如下

    1. TextPost.setClickedListener(new Component.ClickedListener() {
    2.     @Override
    3.     public void onClick(Component component) {
    4.         OkHttpClient client = new OkHttpClient();
    5.         FormBody body = new FormBody.Builder()
    6.                 .add("key","*****")// todo 密钥 key自己申请
    7.                 .add("date","10/1")//todo 日期参数
    8.                 .build();
    9.         Request request = new Request.Builder()
    10.                 .url("http://v.juhe.cn/todayOnhistory/queryEvent.php")
    11.                 .post(body)
    12.                 .build();
    13.         Call call = client.newCall(request);
    14.         call.enqueue(new Callback() {
    15.             @Override
    16.             public void onFailure(Call call, IOException e) {
    17.                 //todo 失败回调 需要回到主线程显示结果
    18.                 getUITaskDispatcher().asyncDispatch(new Runnable() {
    19.                     @Override
    20.                     public void run() {
    21.                         textResult.setText(e.getMessage());
    22.                     }
    23.                 });
    24.             }
    25.  
    26.             @Override
    27.             public void onResponse(Call call, Response response) throws IOException {
    28.                 if(response.isSuccessful()){
    29.                     String result = response.body().string();
    30.                     //处理UI需要切换到UI线程处理
    31.                     //todo 失败回调 需要回到主线程显示结果
    32.                     getUITaskDispatcher().asyncDispatch(new Runnable() {
    33.                         @Override
    34.                         public void run() {
    35.                             textResult.setText(result);
    36.                         }
    37.                     });
    38.                 }
    39.             }
    40.         });
    41.     }
    42. });

    运行效果

    具体代码如下

    java 代码

    1. package com.harmony.alliance.myapplication.slice;
    2.  
    3. import com.harmony.alliance.myapplication.ResourceTable;
    4. import ohos.aafwk.ability.AbilitySlice;
    5. import ohos.aafwk.content.Intent;
    6. import ohos.agp.components.Component;
    7. import ohos.agp.components.Text;
    8. import okhttp3.*;
    9.  
    10. import java.io.IOException;
    11.  
    12. public class MainAbilitySlice extends AbilitySlice {
    13.     Text TextGet,TextPost,textResult;
    14.     @Override
    15.     public void onStart(Intent intent) {
    16.         super.onStart(intent);
    17.         super.setUIContent(ResourceTable.Layout_ability_main);
    18.         TextGet=findComponentById(ResourceTable.Id_text_type_get);
    19.         TextPost=findComponentById(ResourceTable.Id_text_type_Post);
    20.         textResult=findComponentById(ResourceTable.Id_text_result);
    21.         TextGet.setClickedListener(new Component.ClickedListener() {
    22.             @Override
    23.             public void onClick(Component component) {
    24.                 OkHttpClient client = new OkHttpClient();
    25.                 Request.Builder requestBuilder = new Request.Builder();
    26.                 HttpUrl.Builder urlBuilder=HttpUrl.parse("http://web.juhe.cn/environment/air/cityair").newBuilder();//todo 接口链接
    27.                 urlBuilder.addQueryParameter("city","shanghai");//todo  参数
    28.                 urlBuilder.addQueryParameter("Key","6fba58dc50a8e3d92e8a2f63d25c7750");// todo key 密钥
    29.                 requestBuilder.url(urlBuilder.build());
    30.                 Call call = client.newCall(requestBuilder.build());
    31.                 call.enqueue(new Callback() {
    32.                     @Override
    33.                     public void onFailure(Call call, IOException e) {
    34.                         //todo 失败回调 需要回到主线程显示结果
    35.                         getUITaskDispatcher().asyncDispatch(new Runnable() {
    36.                             @Override
    37.                             public void run() {
    38.                                 textResult.setText(e.getMessage());
    39.                             }
    40.                         });
    41.  
    42.                     }
    43.  
    44.                     @Override
    45.                     public void onResponse(Call call, Response response) throws IOException {
    46.                         if(response.isSuccessful()){
    47.                             String result = response.body().string();
    48.                             //todo 处理UI需要切换到UI线程处理
    49.                             getUITaskDispatcher().asyncDispatch(new Runnable() {
    50.                                 @Override
    51.                                 public void run() {
    52.                                     textResult.setText(result);
    53.                                 }
    54.                             });
    55.  
    56.                         }
    57.                     }
    58.                 });
    59.             }
    60.         });
    61.         TextPost.setClickedListener(new Component.ClickedListener() {
    62.             @Override
    63.             public void onClick(Component component) {
    64.                 OkHttpClient client = new OkHttpClient();
    65.                 FormBody body = new FormBody.Builder()
    66.                         .add("key","7496ca7e5e12c408ef14e465c2bacc79")// todo 密钥
    67.                         .add("date","10/1")//todo 日期参数
    68.                         .build();
    69.                 Request request = new Request.Builder()
    70.                         .url("http://v.juhe.cn/todayOnhistory/queryEvent.php")
    71.                         .post(body)
    72.                         .build();
    73.                 Call call = client.newCall(request);
    74.                 call.enqueue(new Callback() {
    75.                     @Override
    76.                     public void onFailure(Call call, IOException e) {
    77.                         //todo 失败回调 需要回到主线程显示结果
    78.                         getUITaskDispatcher().asyncDispatch(new Runnable() {
    79.                             @Override
    80.                             public void run() {
    81.                                 textResult.setText(e.getMessage());
    82.                             }
    83.                         });
    84.                     }
    85.  
    86.                     @Override
    87.                     public void onResponse(Call call, Response response) throws IOException {
    88.                         if(response.isSuccessful()){
    89.                             String result = response.body().string();
    90.                             //处理UI需要切换到UI线程处理
    91.                             //todo 失败回调 需要回到主线程显示结果
    92.                             getUITaskDispatcher().asyncDispatch(new Runnable() {
    93.                                 @Override
    94.                                 public void run() {
    95.                                     textResult.setText(result);
    96.                                 }
    97.                             });
    98.                         }
    99.                     }
    100.                 });
    101.             }
    102.         });
    103.     }
    104.  
    105.     @Override
    106.     public void onActive() {
    107.         super.onActive();
    108.     }
    109.  
    110.     @Override
    111.     public void onForeground(Intent intent) {
    112.         super.onForeground(intent);
    113.     }
    114. }

    xml 代码

    2. <DirectionalLayout
    3.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
    4.     ohos:height="match_parent"
    5.     ohos:width="match_parent"
    6.     ohos:alignment="horizontal_center"
    7.     ohos:orientation="vertical">
    8.  
    9.     <Text
    10.         ohos:id="$+id:text_type_get"
    11.         ohos:height="100vp"
    12.         ohos:width="match_parent"
    13.         ohos:text_alignment="center"
    14.         ohos:layout_alignment="horizontal_center"
    15.         ohos:text="Get请求"
    16.         ohos:text_size="40vp"
    17.         />
    18.     <Text
    19.         ohos:id="$+id:text_type_Post"
    20.         ohos:height="100vp"
    21.         ohos:text_alignment="center"
    22.         ohos:width="match_parent"
    23.         ohos:background_element="#ed6262"
    24.         ohos:layout_alignment="horizontal_center"
    25.         ohos:text="Post请求"
    26.         ohos:text_size="40vp"
    27.         />
    28.     <Text
    29.         ohos:id="$+id:text_result"
    30.         ohos:height="match_parent"
    31.         ohos:multiple_lines="true"
    32.         ohos:text_alignment="center"
    33.         ohos:width="match_parent"
    34.         ohos:layout_alignment="horizontal_center"
    35.         ohos:text="显示结果"
    36.         ohos:text_size="40vp"
    37.         />
    38.  
    39.  
    40. DirectionalLayout>

    运行效果如下

    04e802c1050ff1f71619ef29fbeb1738_384x811.gif%40900-0-90-f.gif

     

     欲了解更多更全技术文章，欢迎访问https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh

  • 相关阅读:
    LCD1602液晶显示屏介绍和程序开发
    注意力机制QKV在GAT（Graph Attention Network）的体现
    day02 真正的高并发还得看IO多路复用
    Python之数据库（MYSQL）连接
    有关LED显示屏对比度的知识
    C语言，记负均正
    计算机毕业设计django基于python药房药品管理系统(源码+系统+mysql数据库+Lw文档）
    Dynamic Potential-Based Reward Shaping将势能塑形奖励函数拓展为F(s,t,s‘,t‘)
    nodejs+vue 电子书阅读系统
    粉丝推荐的 GitHub 项目 yyds
  • 原文地址：https://blog.csdn.net/weixin_44708240/article/details/126067220