实验六：Android的网络编程基础

陈希瑞2023-11-19 13:05

实验六：Android 的网络编程基础

6.1 实验目的

本次实验的目的是让大家熟悉 Android 开发中的如何获取天气预报，包括了

解和熟悉 WebView、WebService 使用、网络编程事件处理等内容。

6.2 实验要求

  • 熟悉和掌握 WebView 使用

  • 了解 Android 的网络编程

  • 熟悉和掌握 WebService 使用

6.3 实验内容

【练习 6.1】基于 Webview 的获取天气预报

1. 项目结构

项目名：WebViewWeather

项目结构：

  • res/layout/activity_main.xml：主布局文件
  • res/values/strings.xml：字符串资源文件
  • src/com/example/webview/MainActivity.java：主Activity文件
  • AndroidManifest.xml：Android清单文件
2. 主布局文件 (activity_main.xml)
xml 复制代码 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:gravity="center_horizontal"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent">

    <!-- 按钮布局 -->
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <!-- 按钮：北京 -->
        <Button
            android:id="@+id/bj"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/bj"
            android:textSize="30dp" />
        <!-- 按钮：上海 -->
        <Button
            android:id="@+id/sh"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/sh"
            android:textSize="30dp" />
        <!-- 按钮：哈尔滨 -->
        <Button
            android:id="@+id/heb"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/heb"
            android:textSize="30dp" />
    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <!-- 按钮：广州 -->
        <Button
            android:id="@+id/gz"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/gz"
            android:textSize="30dp" />
        <!-- 按钮：长春 -->
        <Button
            android:id="@+id/cc"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/cc"
            android:textSize="30dp" />
        <!-- 按钮：沈阳 -->
        <Button
            android:id="@+id/sy"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/sy"
            android:textSize="30dp"
            android:layout_gravity="right" />
    </LinearLayout>

    <!-- WebView组件 -->
    <WebView
        android:id="@+id/webView1"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:focusable="false"
        android:layout_weight="1"/>
</LinearLayout>
3. 字符串资源文件 (strings.xml)
xml 复制代码 
<resources>
    <string name="app_name">WebViewWeather</string>
    <string name="go">GO</string>
    <string name="bj">北京</string>
    <string name="sh">上海</string>
    <string name="gz">广州</string>
    <string name="heb">哈尔滨</string>
    <string name="cc">长春</string>
    <string name="sy">沈阳</string>
</resources>
4. 主Activity文件 (MainActivity.java)
java 复制代码 
package com.example.webviewweather;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;

public class MainActivity extends Activity implements OnClickListener {

    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        webView = (WebView) findViewById(R.id.webView1);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.setWebChromeClient(new WebChromeClient());
        webView.setWebViewClient(new WebViewClient());
        webView.loadUrl("http://m.weather.com.cn/mweather/");
        webView.setInitialScale(57  4);

        Button bj = (Button) findViewById(R.id.bj);
        bj.setOnClickListener(this);

        Button sh = (Button) findViewById(R.id.sh);
        sh.setOnClickListener(this);

        Button heb = (Button) findViewById(R.id.heb);
        heb.setOnClickListener(this);

        Button cc = (Button) findViewById(R.id.cc);
        cc.setOnClickListener(this);

        Button sy = (Button) findViewById(R.id.sy);
        sy.setOnClickListener(this);

        Button gz = (Button) findViewById(R.id.gz);
        gz.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.bj:
                openUrl("101010100");
                break;
            case R.id.sh:
                openUrl("101020100");
                break;
            case R.id.heb:
                openUrl("101050101");
                break;
            case R.id.cc:
                openUrl("101060101");
                break;
            case R.id.sy:
                openUrl("101070101");
                break;
            case R.id.gz:
                openUrl("101280101");
                break;
        }
    }

    private void openUrl(String id) {
        webView.loadUrl("http://m.weather.com.cn/mweather/" + id + ".shtml");
    }
}
5. Android清单文件 (AndroidManifest.xml)
xml 复制代码 
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.webview" >

    <uses-permission android:name="android.permission.INTERNET"/>

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme" >

        <activity android:name=".MainActivity" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>
6.运行效果

【练习 6.2】基于 WebService 的手机归属地查询

1. 添加 ksoap2-android 库

  1. 在 ksoap2-android 的项目下载网站 下载 ksoap2-android-assembly-2.4-jar-with-dependencies.jar。

    • 如果难以下载，可以在随书光盘中找到该 JAR 包。

  2. 将下载的 ksoap2-android JAR 包添加到工程的 lib 目录下。

  3. 右键点击 JAR 包，选择 "Add as library"，将 ksoap2-android 集成到 Android 项目中。

2. WebService 配置

  1. 打开 http://ws.webxml.com.cn/WebServices/MobileCodeWS.asmx。

  2. 点击 "getMobileCodeInfo" 进入说明页，获取以下关键信息：

    • 作用域 TargetNameSpace = http://WebXml.com.cn/
    • 查询的方法名为 "getMobileCodeInfo"，需要带上 "mobileCode" 与 "userID" 两个参数。
    • 返回的结果存在 "getMobileCodeInfoResult" 中。

  3. 在 http://ws.webxml.com.cn/WebServices/MobileCodeWS.asmx?wsdl 可以访问其 WSDL 说明。

3. 资源文件布局
  1. 创建 activity_web_client.xml 文件，定义界面布局。
xml 复制代码 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="com.example.webservicephonelocationlookup.WebClient">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="输入手机号：" />

        <EditText
            android:layout_width="150dp"
            android:layout_height="wrap_content"
            android:id="@+id/etphone" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="搜索"
            android:id="@+id/btnsearch" />
    </LinearLayout>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="查询结果：" />

    <TextView
        android:id="@+id/tvinfo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</LinearLayout>
4. Java 代码
  1. 创建 WebClient.java 文件，实现 WebService 调用逻辑。
java 复制代码 
package com.example.webservicephonelocationlookup;



import android.os.AsyncTask;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

import org.ksoap2.SoapEnvelope;
import org.ksoap2.SoapFault;
import org.ksoap2.serialization.SoapObject;
import org.ksoap2.serialization.SoapSerializationEnvelope;
import org.ksoap2.transport.HttpTransportSE;
import org.xmlpull.v1.XmlPullParserException;

import java.io.IOException;

public class WebClient extends AppCompatActivity {
    private static final String SERVER_URL = "http://ws.webxml.com.cn/WebServices/MobileCodeWS.asmx?wsdl";
    private static final String NAMESPACE = "http://WebXml.com.cn/";
    private static final String METHOD_NAME = "getMobileCodeInfo";

    private EditText etPhone;
    private Button btnSearch;
    private TextView tvInfo;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web_client);

        etPhone = (EditText) findViewById(R.id.etphone);
        btnSearch = (Button) findViewById(R.id.btnsearch);
        tvInfo = (TextView) findViewById(R.id.tvinfo);

        btnSearch.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String phoneNumber = etPhone.getText().toString();
                if (phoneNumber.length() > 0) {
                    getPhoneLocation(phoneNumber);
                }
            }
        });
    }

    private void getPhoneLocation(String phoneNumber) {
        new AsyncTask<String, Void, String>() {
            @Override
            protected String doInBackground(String... params) {
                String location = "";
                final HttpTransportSE httpSe = new HttpTransportSE(SERVER_URL);
                httpSe.debug = true;

                SoapObject soapObject = new SoapObject(NAMESPACE, METHOD_NAME);
                soapObject.addProperty("mobileCode", params[0]);
                soapObject.addProperty("userID", "");

                final SoapSerializationEnvelope envelope = new SoapSerializationEnvelope(SoapEnvelope.VER10);
                envelope.setOutputSoapObject(soapObject);
                envelope.dotNet = true;

                // 获取返回信息
                try {
                    httpSe.call(NAMESPACE + METHOD_NAME, envelope);
                    if (envelope.getResponse() != null) {
                        SoapObject result = (SoapObject) envelope.bodyIn;
                        location = result.getProperty("getMobileCodeInfoResult").toString();
                    }
                } catch (XmlPullParserException | SoapFault | IOException e) {
                    e.printStackTrace();
                }
                return location;
            }

            @Override
            protected void onPostExecute(String result) {
                tvInfo.setText(result);
            }
        }.execute(phoneNumber);
    }
}
5. AndroidManifest.xml 配置
  1. 在 AndroidManifest.xml 中添加 INTERNET 权限。
xml 复制代码 
<uses-permission android:name="android.permission.INTERNET"/>
  1. 配置应用程序的入口 Activity。
xml 复制代码 
<activity android:name="com.example.webservice.WebClient">
    <intent-filter>
        <action android:name

="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>
6. 运行效果
  • 在模拟器或真机上运行应用程序，输入手机号码，点击搜索按钮，查看查询结果。

【拓展】编写 Android 程序，实现使用系统内置游览器打开指定网页。

步骤 1: 创建新项目
  1. 打开 Android Studio，选择 "Start a new Android Studio project"。
  2. 选择 "Empty Activity" 模板，点击 "Next"。
  3. 命名项目为 "WebBrowserDemo"，选择语言为 "Java"，点击 "Finish"。
步骤 2: 修改布局文件
  1. 打开 activity_main.xml 文件，用以下代码替换其中的内容：
xml 复制代码 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical">

    <EditText
        android:id="@+id/ed"
        android:layout_width="match_parent"
        android:layout_height="200px">

    </EditText>

    <Button
        android:id="@+id/bu1"
        android:layout_width="286dp"
        android:layout_height="wrap_content"
        android:text="Go" />

    <WebView
        android:id="@+id/webView1"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="1"
        android:focusable="false" />
</LinearLayout>
步骤 3: 编写 Java 代码
  1. 打开 MainActivity.java 文件，用以下代码替换其中的内容：
java 复制代码 
package com.example.webbrowserdemo;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends Activity{
    private WebView webView; //声明 WebView 组件的对象
    String url="";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView=(WebView)findViewById(R.id.webView1); //获取WebView 组件
        webView.getSettings().setJavaScriptEnabled(true); //设置 JavaScript可用
        webView.setWebChromeClient(new WebChromeClient()); //处理JavaScript 对话框
        webView.setWebViewClient(new WebViewClient()); //处理各种通知和请求事件，如果不使用该句代码，将使用内置浏览器访问网页
        webView.setInitialScale(57*4); //放网页内容放大 4 倍

        Button bu1=(Button)findViewById(R.id.bu1);
        EditText editText=findViewById(R.id.ed);
        bu1.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                url=editText.getText().toString();
                openUrl(url);
            }
        });
    }
    //打开网页的方法
    private void openUrl(String id){
        if (!url.equals("")){
            webView.loadUrl("http://"+id+"/"); //
        }else {
            Toast.makeText(this,"网址不能为空",Toast.LENGTH_LONG).show();

        }

    }
}
步骤 4: 运行应用

  1. 运行应用程序，点击 "打开网页" 按钮。

  2. 系统将使用内置浏览器打开指定网页。

【拓展】编写 Android 程序，实现从指定网站下载文件。

步骤 1: 创建新的 Android 项目
  1. 打开 Android Studio。
  2. 选择 "Start a new Android Studio project"。
  3. 选择 "Empty Activity" 模板，然后点击 "Finish"。
步骤 2: 修改布局文件

打开 res/layout/activity_main.xml 文件，并使用以下 XML 代码替换默认的布局：

xml 复制代码 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/downloadButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="下载文件" />
</RelativeLayout>
步骤 3: 在 MainActivity.java 中添加代码

打开 MainActivity.java 文件，修改 onCreate 方法和添加新的方法：

java 复制代码 
package com.example.filedownloader;

import android.os.AsyncTask;
import android.os.Bundle;
import android.os.Environment;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

import java.io.BufferedInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;

public class MainActivity extends AppCompatActivity {

    private static final String DOWNLOAD_URL = "https://image.baidu.com/search/detail?ct=503316480&z=undefined&tn=baiduimagedetail&ipn=d&word=%E7%99%BE%E5%BA%A6%E5%9B%BE%E7%89%87&step_word=&lid=7733045057659531704&ie=utf-8&in=&cl=2&lm=-1&st=undefined&hd=undefined&latest=undefined&copyright=undefined&cs=505978886,3280506511&os=2821336839,1523677687&simid=3395585618,291075366&pn=0&rn=1&di=7264239678495129601&ln=1594&fr=&fmq=1700213057065_R&fm=&ic=undefined&s=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&is=0,0&istype=0&ist=&jit=&bdtype=0&spn=0&pi=0&gsm=1e&objurl=https%3A%2F%2Fp3.itc.cn%2Fq_70%2Fimages03%2F20211117%2F1270baf1c2f84fa19a99ef82c52d454c.png&rpstart=0&rpnum=0&adpicid=0&nojc=undefined&dyTabStr=MCwxLDIsMyw2LDQsNSw4LDcsOQ%3D%3D";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Button downloadButton = findViewById(R.id.downloadButton);
        downloadButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                new DownloadFileTask().execute(DOWNLOAD_URL);
            }
        });
    }

    private class DownloadFileTask extends AsyncTask<String, Void, Boolean> {
        @Override
        protected Boolean doInBackground(String... urls) {
            String fileUrl = urls[0];
            try {
                URL url = new URL(fileUrl);
                HttpURLConnection urlConnection = (HttpURLConnection) url.openConnection();
                urlConnection.connect();

                InputStream inputStream = urlConnection.getInputStream();
                int totalSize = urlConnection.getContentLength();
                int downloadedSize = 0;

                byte[] buffer = new byte[1024];
                int bufferLength;

                String fileName = "示例图片.png"; // 文件保存的名称
                FileOutputStream fileOutputStream = new FileOutputStream(
                        Environment.getExternalStorageDirectory().getPath() + "/" + fileName);

                while ((bufferLength = inputStream.read(buffer)) > 0) {
                    fileOutputStream.write(buffer, 0, bufferLength);
                    downloadedSize += bufferLength;
                }

                fileOutputStream.close();
                return true;

            } catch (IOException e) {
                e.printStackTrace();
                return false;
            }
        }

        @Override
        protected void onPostExecute(Boolean result) {
            if (result) {
                Toast.makeText(MainActivity.this, "文件下载成功", Toast.LENGTH_SHORT).show();
            } else {
                Toast.makeText(MainActivity.this, "文件下载失败", Toast.LENGTH_SHORT).show();
            }
        }
    }
}
步骤 4: 添加 Internet 和存储权限

确保在 AndroidManifest.xml 文件中添加了 Internet 和存储权限：

xml 复制代码 
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
步骤 5: 运行应用
相关推荐
诸神黄昏EX1 小时前
Android 分区相关介绍
android
大白要努力！2 小时前
android 使用SQLiteOpenHelper 如何优化数据库的性能
android·数据库·oracle
Estar.Lee2 小时前
时间操作[取当前北京时间]免费API接口教程
android·网络·后端·网络协议·tcp/ip
Winston Wood3 小时前
Perfetto学习大全
android·性能优化·perfetto
Dnelic-6 小时前
【单元测试】【Android】JUnit 4 和 JUnit 5 的差异记录
android·junit·单元测试·android studio·自学笔记
Eastsea.Chen8 小时前
MTK Android12 user版本MtkLogger
android·framework
长亭外的少年15 小时前
Kotlin 编译失败问题及解决方案：从守护进程到 Gradle 配置
android·开发语言·kotlin
建群新人小猿18 小时前
会员等级经验问题
android·开发语言·前端·javascript·php
1024小神19 小时前
tauri2.0版本开发苹果ios和安卓android应用，环境搭建和最后编译为apk
android·ios·tauri
兰琛19 小时前
20241121 android中树结构列表（使用recyclerView实现）
android·gitee
热门推荐
01(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明02PyTorch机器学习实现液态神经网络03【HarmonyOS】HUAWEI DevEco Studio 下载地址汇总04玄机平台应急响应—webshell查杀05Coze扣子平台完整体验和实践（附国内和国际版对比）06Ubuntu 20.04使用Livox mid 360 测试 FAST_LIO07【目标跟踪】相机运动补偿08Unity中PICO实现 隔空取物 和 接触抓取物体09RAG 实践- Ollama+RagFlow 部署本地知识库10怎样让音频速度变慢？请跟随以下方法进行操作