附开发软件安装包
1511181707-开发环境安装包整理.rar
链接:http://share.weiyun.com/d2400f0802f49c34415deff6685eeb89 (密码:tOdo)
注:由于文档是后来整理,对于控制台截图中文件目录的显示有些错误,只为说明大致步骤,不必深究,只需按文字描述步骤操作
开发环境配置
1.
双击
安装JDK (注意如果windows是64位需安装64位JDK)并配置环境变量
在控制台中输入
java -d64
打印如是则安装正确
2.
双击
安装
android-sdk并配置环境变量
输入android -h
打印如是则安装成功
3.
双击
安装node.js并配置环境变量
打开node.js控制台
输入npm
打印如是则安装成功
4.
在node.js在安装phonegap
输入
npm install -g phonegap
输入phonegap验证安装是否成功
打印如是则安装成功
5.
双击
安装android开发软件
打包第一个android应用
创建phonegap工程
打开node.js控制台
>>phonegap create hell com.nsh.hell adrian
进入工程根目录
>>cd hell
添加android的环境
>>phonegap run android
工程创建成功
可以看到工程文件夹中生成了许多文件
使用Android Studio打开工程
工程加载进去之后
双击编辑文件MainActivity
替换方法onCreate中的代码为如下
super.onCreate(savedInstanceState);
//实例化WebView对象
WebView webview =newWebView(this);
// webview.getSettings().setUseWideViewPort(true);//关键点
//设置WebView属性,能够执行Javascript脚本
webview.getSettings().setJavaScriptEnabled(true);
webview.getSettings().setSupportZoom(true);// 支持缩放
webview.getSettings().setLoadWithOverviewMode(true);
webview.getSettings().setJavaScriptEnabled(true);
webview.getSettings().setSupportZoom(true);// 支持缩放
webview.getSettings().setLoadWithOverviewMode(true);
webview.getSettings().setUseWideViewPort(true);
webview.getSettings().setBuiltInZoomControls(true);//支持手势缩放
try{
//设置打开的页面地址
webview.loadUrl("http://192.168.0.101:9010/IDE/application/run2D.html");
}
catch (Exception ex)
{
ex.printStackTrace();
}
//设置打开的页面地址
webview.loadUrl("http://192.168.0.101:9010/IDE/application/run2D.html");
}
catch (Exception ex)
{
ex.printStackTrace();
}
setContentView(webview);
打开文件AndroidManifest.xml
在AndroidManifest.xml文件中添加
<
uses-permission
android
:name=
"android.permission.INTERNET"
/>
//设置网络访问权限
打包生成android应用
选择
选择创建iks
填写相关信息
生成.apk的文件
现在就可以传到android手机上安装了