一、安装AndroidStudio
方式一
安装包下载地址里面有带jdk的安装包

//www.android-studio.org/

方式二（需要翻墙）
自行下载jdk和AndroidStudio安装包
jdk下载地址
//www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
AndroidStudio下载地址
https://developer.android.com/studio/index.html

二、下载gradle构建工具
下载页面地址
https://gradle.org/gradle-download/
Gradle3.2.1版本下载地址
https://services.gradle.org/distributions/gradle-3.2.1-bin.zip

三、配置gradle环境变量
解压后把gradle下的bin文件夹的目录路径添加到系统环境中
例如我的bin目录地址D:\ProgramFiles\gradle-3.2.1-bin\gradle-3.2.1\bin
怎么添加到系统环境变量请自行百度。。。
四、创建项目

创建项目


创建项目


创建项目


创建项目

五、界面简述

创建项目

六、目录结构

|---app
|---manifests
|---|---AndroidManifest.xml主配置文件

|---java
|---|---com.test.licationName包名称或者说是项目名
|---|---|---|MainActivity主Activity文件

|---res
|---|---layout布局文件存储目录
|---|---|---activity_main.xml主Activity界面配置文件

|---|---mipmap
|---|---|---|---ic_launcher.png文件夹下面存储着不同dpi的应用图标

|---|---values各种配置文件


七、创建webApp资源文件存储目录
需要在res的同级目录下创建一个啊assets文件夹用来存储webapp的资源文件
创建这个文件需要在系统的资源管理器中创建，不可以在编辑器中直接创建

怎么打开文件夹？

在同级目录下创建assets文件夹并把已经写好的webapp资源文件复制进来


复制后的目录结构

八、创建webview控件并实例化控件以及开启javascript渲染
打开app/res/layout/activity_main.xml
并取消默认的内边距属性
新建一个webview控件
设置webview控件的ID为mWebView
<?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="//schemas.android.com/apk/res/android"
xmlns:tools="//schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.chen_blog.chen.MainActivity">
<!--
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
-->
<!--<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="HelloWorld!"/>
-->

<WebView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/mWebView">
</WebView>
</RelativeLayout>

修改/app/java/com.chen_blog.chen/MainActiviy文件
导入webview组件

importandroid.webkit.WebView;
importandroid.webkit.WebViewClient;

定义类属性

privateWebViewmWebView;

实例化组件

mWebView=(WebView)findViewById(R.id.mWebView);

使用loadurl方法引入首页

mWebView.loadUrl("file:///android_asset/index.html");

最终实现代码

packagecom.chen_blog.chen;

importandroid.app.Activity;
importandroid.os.Bundle;

importandroid.webkit.WebView;
importandroid.webkit.WebViewClient;


publicclassMainActivityextendsActivity{

privateWebViewmWebView;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//实例化
mWebView=(WebView)findViewById(R.id.mWebView);

//开启javascript渲染
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.setWebViewClient(newWebViewClient());

//载入内容
mWebView.loadUrl("file:///android_asset/index.html");

//测试远程的mWebView.loadUrl("//www.itxdl.cn");

}

}

九、配置网络权限
打开app/manifests/AndroidManifest.xml
再manifset标签下面新增一行
<!--申请网络权限-->
<uses-permissionandroid:name="android.permission.INTERNET"/>

最终效果
<?xmlversion="1.0"encoding="utf-8"?>
<manifestxmlns:android="//schemas.android.com/apk/res/android"package="com.chen_blog.chen">
<!--申请网络权限-->
<uses-permissionandroid:name="android.permission.INTERNET"/>

<application.......省略余下内容

十、创建并运行测试用的安卓虚拟环境

创建按钮


创建按钮


选择手机类型


选择系统环境


创建完成

十一、测试

点击运行按钮


选择运行的模拟环境


模拟环境的界面效果


打开自己app


app打开效果

十二、导出apk安装包
（1）AndroidStudio菜单Build->GenerateSignedAPK



（2）弹出窗口



（3）创建密钥库及密钥，创建后会自动选择刚创建的密钥库和密钥（已拥有密钥库跳过）
点击“Createnew...”按钮创建密钥库



Keystorepath：密钥库文件的地址
Password/Confirm：密钥库的密码
Key：
Alias：密钥名称
Password/Confirm：密钥密码
Validity(years)：密钥有效时间
FirstandLastName：密钥颁发者姓名
OrganizationalUnit：密钥颁发组织
CityorLocality：城市
CountryCode(XX)：国家
（4）选择已存在密钥库及密钥（在（3）中创建密钥库后跳过此步骤）
点击“Chooseexisting...”按钮找到密钥库文件
Keystorepassword输入已选择的密钥库文件的密码
点击Keyalias后的“...”按钮，选择或者创建一个密钥



选中“Useanexistingkey”，在后面的选择框中选择密钥
选中“Createanewkey”，创建新的密钥，详见（3）
点击OK按钮
Keypassowrd输入选择的密钥的密码
（5）点击“Next”按钮，选择保存路径后，点击“Finish”按钮完成    

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道！