phonegap-网络访问与调用android手机硬件设备

原创 2015年11月21日 13:38:40


phonegap开发简述

        使用phonegap包开发的目的就是为了缩短开发周期,利用熟悉的HTML、javascript、CSS技术快速的打造自己的客户端APP。其中存在的关键问题是:这些HTML、CSS、js的文件是放在服务器端还是放在移动端。如果是放在移动端,这无疑的没有发挥出javascript的优势,在“数据走向云端”的大趋势下这种方式终将无立足之地。所以我们还是选择将大量的网页数据放在服务器端。

        这么做就又有一个问题了。如果我们把这个APP做成是打开运行之后就直接访问外部网站,那么这个APP就等同于一个网页链接的桌面版。而且这样也不方便或是说不可以通过服务器远程调用android手机的硬件设备,因为它的HTML里面没有cordova.js包。如果在服务器端的HTML里面就导入cordova.js,这种方式不知道行不行得通。


直接访问外部网站

如果是想要打开APP之后就直接访问外部网站,可进行如下操作

打开MainActivity.java文件

将里面onCreate方法中的程序替换成如下代码
        super.onCreate(savedInstanceState);
        //实例化WebView对象
        WebView webview = new WebView( this);
        //设置WebView属性,能够执行Javascript脚本
        webview.getSettings().setJavaScriptEnabled( true);
        webview.getSettings().setSupportZoom(true); // 支持缩放
        webview.getSettings().setLoadWithOverviewMode( true);
        webview.getSettings().setUseWideViewPort(true);
        webview.getSettings().setBuiltInZoomControls(true);//支持手势缩放
        try {
            //设置打开的页面地址。设置成自己需要访问网站的IP
            webview.loadUrl( "http://blog.csdn.net/adrian_rendong/article/details/49950553" );
        }
        catch (Exception ex)
        {
            ex.printStackTrace();
        }
        setContentView(webview);

然后添加网络访问权限
在AndroidManifest.xml文件中添加
<uses-permission android:name="android.permission.INTERNET"/>

在本地HTML中访问外部网站

打开MainActivity.java文件

将里面onCreate方法中的程序替换成如下代码

super.onCreate(savedInstanceState);
super.loadUrl("file:///android_asset/www/index.html" );

然后添加网络访问权限
在AndroidManifest.xml文件中添加
<uses-permission android:name="android.permission.INTERNET"/>

编写HTML

打开index.js替换成如下代码
<!DOCTYPE html>
<html>
<head>
    <title>Capture Photo</title>
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">
         document.addEventListener("deviceready",onDeviceReady,false);
         alert("进入run2D");
    </script>
</head>
<body margin=0;>
     <iframe src="http://192.168.0.100:9010/IDE/application/run2D.html#" style="position:fixed;
          top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none;
          margin:0; padding:0; overflow:hidden; z-index:999999;">
     </iframe>
</body>
</html>

iframe的全屏显示

范例
<body margin=0;>
     <iframe src="http://192.168.0.100:9010/IDE/application/run2D.html#" style="position:fixed;
          top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none;
          margin:0; padding:0; overflow:hidden; z-index:999999;">
     </iframe>
</body>


远程调用android手机硬件设备

版权声明:本文为博主原创文章,未经博主允许不得转载。

Phonegap网络连接 HTML5

Phonegap网络连接判断  官网提供 Network API cordova 3.4 版本的API  判断网络的连接状态 判断网络是4G  3G  2G  WIFI none 等   本文...
  • aaawqqq
  • aaawqqq
  • 2014年03月27日 22:04
  • 5814

PhoneGap 常见错误集锦及解决办法

一:android app 启动错误,即出现:Application Error - The connection to the server was unsuccessful. (file:///a...
  • lanximu
  • lanximu
  • 2013年11月04日 16:05
  • 4523

PhoneGap读写SD卡——文本文件方式

1、向SD卡写数据,数据以文本文件(txt)的方式存储
  • yuanbohx
  • yuanbohx
  • 2014年11月13日 11:24
  • 3441

js 使用驱动调用硬件

function readCard(){ var tmpObject = document.getElementById("media_id"); var tmpObject2 = docum...
  • wang1u1u
  • wang1u1u
  • 2014年07月18日 12:47
  • 2065

PhoneGap使用

转载请注明出处:CodingAlarm的博客 介绍         PhoneGap是快速开发APP平台,能把你写的页面转换成APP(无论是Android还是IOS),它还能调用手机核心功...
  • CodingAlarm
  • CodingAlarm
  • 2015年06月19日 16:38
  • 1368

Cordova通过CordovaPlugin插件调用 Activity

引言 Cordova(PhoneGap)采用的是HTML5+JavaScript混合模式来开发移动手机APP,因此当页面需要获取手机内部某些信息时(例如:联系人信息,坐标定位,短信等),程序就需要调...
  • benbenxiongyuan
  • benbenxiongyuan
  • 2016年07月05日 15:06
  • 6082

cordova调用手机的设备插件

cordova调用手机的设备插件
  • yinnannan
  • yinnannan
  • 2015年05月05日 10:52
  • 704

PhoneGap下安卓无法访问网络问题修复

PhoneGap下安卓无法访问网络问题修复最近适用PhoneGap在开发Hybird APP,在IOS下调试正常,但在Android下无法访问网络,费了好多周折,最后发现,是cordova 5.x的版...
  • suqingheangle
  • suqingheangle
  • 2016年11月15日 09:28
  • 835

PhoneGap/Cordova 远程页面无法访问

Cordova目前默认不允许访问远程页面了,就算是在config中配制了白名单也不起作用,估计是个bug。目前晒出解决办法 写一个Plugin public class Hyb...
  • tommychen1228
  • tommychen1228
  • 2015年11月25日 11:26
  • 1595

phonegap使用的初步研究(一)cordovaWebView不能加载外网的页面

看到hybird app的优越性后,决定研究一下phonegap的使用方法。 把官网上
  • ydpzg
  • ydpzg
  • 2014年04月14日 17:27
  • 3760
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:phonegap-网络访问与调用android手机硬件设备
举报原因:
原因补充:

(最多只允许输入30个字)