如何跟PHP Server溝通-XMAPP設定

如何跟PHP Server溝通-XMAPP設定

電子書

如果您需要更詳細的範例
更完整的說明可以取得電子書來學習這個單元
http://glarethink.weebly.com/php2android.html

其他相關章節

情境

很多時候我們需要跟 Web Server 作連線
今天我就拿我比較熟悉的 PHP 來當範例
簡單架設一個 Server
我是使用XAMPP
可以透過 “XAMPP快速架好Apache+MySQL+PHP網站伺服器” 來操作安裝流程
只需要一直按下一步就可以了
也不需要太困難的步驟
安裝完了以後
就可以使用MySQL跟Web server了

完整程式碼

你可以到 GitHub 上面觀看或者下載完整程式碼

程式碼說明

寫好一支ServerSendMsg.php如下

<?php
    echo "This is server's message.";
?>

接著把這支 PHP 放到 Xampp 下的 htdocs 資料夾
在瀏覽器上輸入 localhost/ServerSendMsg.php 就可以看到字串了

那如果要在 Android 上面看
就可以透過 Volley 去跟 Server 要
安裝好 Xampp 以後可以看到控制面板






將 Apache 打開
由於我設定 Port 是 8888
因此等下 IP 後面要將 Port 改成 8888 (預設是 80)
另外 IP 要從 Command Line 上面截取
所以當你打開 Command Line 輸入

$ ipconfig

就可以看到以下訊息

IPv4 位址 . . . . . . . . . . . . : 192.168.190.1
子網路遮罩 . . . . . . . . . . . .: 255.255.255.0

所以等下我們的網址就可以設定這個IP
當 Android 跟 Server 要求 Request 的時候
Server 就會傳送一個字串給 Android
然後經過 Android 處理以後
就可以把這個字串印在 TextView 上面了
跟 Server 溝通我們可以使用 Volley 這個工具來完成

public class MainActivity extends AppCompatActivity {
    private RequestQueue mQueue;
    private final static String mUrl = "http://192.168.190.1:8888/ServerSendMsg.php";
    private TextView msg;
    private Button mGetMsgButton;
    private StringRequest getRequest;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        msg = (TextView) findViewById(R.id.msg);
        mGetMsgButton = (Button) findViewById(R.id.get_msg);
        mQueue = Volley.newRequestQueue(this);
        getRequest = new StringRequest(mUrl,
            new Response.Listener<String>() {
                @Override
                public void onResponse(String s) {
                    msg.setText(s);
                }
            },
            new Response.ErrorListener() {

                @Override
                public void onErrorResponse(VolleyError volleyError) {
                    msg.setText(volleyError.getMessage());
                }
            });
        mGetMsgButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mQueue.add(getRequest);
            }
        });

    }
}

activity_main.xml Layout 部分

<?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"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/msg"
        android:text="Hello World!"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <Button
        android:layout_below="@id/msg"
        android:text="get msg from server"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/get_msg"/>
</RelativeLayout>

記得要加入權限

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

一開始看到一個 Button





按下去就可以取得 PHP 的字串





如果把網路關掉, 就會得到錯誤訊息