Google APP Engine 前後端建置測試(二)

上一篇 Google APP Engine 開發簡介(一) 有大概介紹GAE的基本觀念，接下來我們要使用 Android Studio 建置後端平台，把網路應用程式佈署上傳，這樣該網路應用程式就可以公開讓所以人使用( appspot.com 網域下的免費網址)。搭配使用 Android Studio 建置前端App，套用WebView元件連結後端，測試是否能連結成功。

1.在App_GAE專案裡建置兩個 Moudle (App_cloud為前端App、backend_test為後端網頁應用程式)。

2.建置 App_cloud，在此就不多加贅述。

3.Android Studio 有提供自動建置網頁應用程式模組，選擇 Google Cloud Module。

4.建立相關配置後，就能產生網頁應用程式。

Module type: 下拉選單選擇 App Engine Java Servlet Module

Module name: 網頁應用程式名稱

Package name: 選擇對應的App應用程式的目錄名稱

Client module: 選擇對應的App應用程式

5.選取 Project 方式呈現才會顯示細部的專案，其中裡面有幾個比較重要的檔案。

MyServlet(程式控制端)

index.html(畫面呈現)

web.xml(設定檔)

6.選取 Build 按下 Deploy Module to App Engine

7.Deploy to: 選取Google Console內存在的專案ID(下方Deploy按鈕會需要登入gmail使用授權)

8.網址部分前面為專案ID名稱，後方appspot.com為固定寫法。

9.用get方式，網址列上打上/hello 轉跳畫面(傳參數)。

10.App_cloud(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"    tools:context="gae.melvin.com.app_cloud.MainActivity">

    <WebView        android:layout_width="match_parent"        android:layout_height="match_parent"        android:id="@+id/webView"        android:layout_alignParentLeft="true"        android:layout_alignParentStart="true"        android:layout_alignParentTop="true" />
</RelativeLayout>

10.App_cloud(Activity部分)。

public class MainActivity extends AppCompatActivity {


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

        String myURL = "http://semiotic-effort-135423.appspot.com/";
        WebView myBrowser=(WebView)findViewById(R.id.webView);

        WebSettings websettings = myBrowser.getSettings();
        websettings.setSupportZoom(true);
        websettings.setBuiltInZoomControls(true);
        websettings.setJavaScriptEnabled(true);

        myBrowser.setWebViewClient(new WebViewClient());

        myBrowser.loadUrl(myURL);
    }


}

11.最終用前端App測試也能順利連結後端。