大家分享一下使用的Hybrid技术吧

qaminmin 发布于 2016/07/12 08:42
阅读 1K+
收藏 0

1.Hybrid技术成熟度怎样?

2.Hybrid的技术有哪些?

3.工作中的使用的是什么跨平台技术以及怎样?


加载中
0
eechen
eechen
我打包的PHPDroid使用"本地Browser/Server架构"开发Android App:
1.WebView作为浏览器Browser,其支持通过addJavascriptInterface把Java对象注入到WebView中供JS调用.
2.PHP解释器(内置HTTP服务器和SQLite数据库)作为本地服务器Server,可用于读写Android文件系统(SD卡图片),读写SQLite,以及通过cURL函数跟远程服务器交互并把返回的数据交给WebView呈现.
也就是说,采用PHPDroid,Web开发者几乎可以零成本完全像开发手机网站那样轻松快速开发Andorid应用.WebView里使用什么技术构建界面完全由开发者自己选择,喜欢jQuery的就用jQuery,其他也是如此.

大家以前可能都听说过PFA(PHP for Android)这么一个东西,可以下结论的是,这个项目其实已经不再活跃失败了,因为其依赖的SL4A(Scripting Layer for Android)已经停止更新和维护了,而且它依赖SL4A的运行模式也跟我下面提到的PHPDroid的本地Browser/Server模式截然不 同.

个人在Ubuntu上用交叉编译工具链musl-cross-compilers参考DroidPHP的教程构建了适用于Linux ARM架构的二进制PHP解释器.其中DroidPHP的教程用的是arm-none-linux-gnueabi那一套工具链,我发现不好使,后来我又看到了PocketMine,一个用PHP7构建的MineCraft Android版服务器端,它用的是musl-cross-compilers,所以我也改用这套工具链.我主要做了一些修改,比如修改libc库的shell路径,以及DNS相关的resolv.conf和hosts位置,主要是为了让PHP能在Android上跑.

现在有了能够运行在Android上的PHP解释器,接下来就是看看能用什么方法构建App.因为PHP解释器从5.4开始内置了一个CLI HTTP Server,这是一个C实现的支持PHP编程的单进程Web服务器,很轻量,官方定位是开发测试.而且它还支持一个特性,就是可以启动时给它指定一个PHP路由脚本:
php -S 127.0.0.2:8080 -t /www auth.php
比如我打包的PHPDroid里的auth.php是这样的:
<?php
//以下代码的意思就是,如果UserAgent不匹配,就输出Forbidden并退出
$ua = dirname(__FILE__).'/ua';
if( isset($_SERVER['HTTP_USER_AGENT'])
    && file_exists($ua)
    && $_SERVER['HTTP_USER_AGENT'] === trim(file_get_contents($ua)) ) {
    return false;
} else {
    exit('Forbidden');
}

我们还知道,PHP还内置了SQLite引擎,一个文件就是一个数据库,管理起来非常方便,可视化管理工具可以用免费开源跨平台的SQLiteStudio.现在有了HTTP服务器和SQLite数据库,我编译时还启用了一些常用的扩展,如下:
bcmath calendar Core ctype curl date dom exif filter ftp gd hash json libxml mbstring mcrypt openssl pcre PDO pdo_sqlite Reflection session SimpleXML sockets SPL sqlite3 standard swoole xml xmlreader xmlwriter zip zlib

有了上面这些东西,我们该怎么进行图形化交互呢?我想大家都想到了,那就是Android内置的WebView.个人认为,浏览器是有史以来最成功的跨平 台GUI应用.Android从4.4开始,WebView底层由Chromium驱动,性能也是相当不错的.如果你要调用一些Java编写的本地功 能,WebView一直都提供有一个addJavascriptInterface的特性,可以把Java对象注入到WebView中供JS调用,比如:
Java代码:
webview.addJavascriptInterface(new Object() {
    @JavascriptInterface
    public String getprop(String prop) {
        return java.lang.System.getProperties().getProperty(prop);;
    }
}, "android");
WebView里的HTML代码:
<a href="javascript:void(0)" onclick="alert(android.getprop('os.name'))">os.name</a>

也就是说,你用WebView也是可以进行一些本地API调用的,当然你得先用Java写好那些功能.

好了,现在PHPDroid的整个运行模式就比较清晰了,应用启动时,执行start.sh随机生成UserAgent并记录下来 (ua.php),找到可用端口并记录下来(port.php),然后启动PHP内置HTTP服务器并记录PID(用于关闭),Java里启动 WebView前读取随机生成UserAgent并setUserAgentString设置,PHP内置服务器的路由auth.php会对 UserAgent进行比对,拒绝本机上其他应用(比如浏览器)发出的请求.
各个脚本如下:
start.sh
#!/system/bin/sh
cd $1/php/bin
chmod 700 busybox
if [ ! -f php ]; then
    ./busybox xz -d file.tar.xz
    ./busybox tar xf file.tar && rm file.tar
    chmod 700 lib/ld php watcher qrencode
    ./busybox sed -i "s@/data/data/net.php.phpdroid@$1@g" php.ini
    ./busybox sed -i "s@/storage/self/primary@$2@g" php.ini
    cp resolv.conf $1/php/www
    cp hosts $1/php/www
fi
#随机生成UserAgent
./php -c php.ini ua.php
#获取可用端口
./php -c php.ini port.php
#开发调试时把网站根目录复制到SD卡,方便修改
# -t $1/php/www  实际应用的网站根目录
# -t $2/phpdroid 开发调试的网站根目录
if [ ! -d $2/phpdroid ]; then cp -R $1/php/www $2/phpdroid; fi
#启动PHP服务
$1/php/bin/php \
-c php.ini \
-S 127.0.0.2:`cat $1/php/bin/port` \
-t $2/phpdroid \
$1/php/bin/auth.php \
>/dev/null 2>&1 &
#记录PHP的PID
echo $! > pid
#监听,发现文件auth.php被删除,则关闭PHP进程
$1/php/bin/watcher $1/php/bin/auth.php >/dev/null 2>&1 &
#记录watcher的PID
echo $! > pid_watcher
return 0

stop.sh
#!/system/bin/sh
ua=$1/php/bin/ua
if [ -e $ua ]; then
    rm $ua
fi
port=$1/php/bin/port
if [ -e $port ]; then
    rm $port
fi
pid=$1/php/bin/pid
if [ -e $pid ]; then
    kill -9 `cat $pid`
    rm $pid
fi
pid=$1/php/bin/pid_watcher
if [ -e $pid ]; then
    kill -9 `cat $pid`
    rm $pid
fi
return 0

ua.php
<?php
$ua = 'Mozilla/5.0 (Linux; Android; PHPDroid) AppleWebKit (KHTML, like Gecko) Chrome Mobile Safari';
file_put_contents(dirname(__FILE__).'/ua', $ua.' '.sha1(uniqid(mt_rand(), true)));

port.php
<?php
//PHP用 fsockopen 检测端口是否被占用,返回可用端口.
$port = 8181;
while ( $fp = @fsockopen('127.0.0.2', $port, $errno, $errstr, 1) ) {
    fclose($fp);
    $port++;
}
file_put_contents(dirname(__FILE__).'/port', $port);

MainActivity.java 在 onCreate 时启动 WebView 如下:
webview = new WebView(this);
webview.getSettings().setUserAgentString(ua);
webview.getSettings().setJavaScriptEnabled(true);
webview.setWebChromeClient(new WebChromeClient());
webview.setWebViewClient(new WebViewClient() {
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return true;
    }
});
webview.loadUrl("http://127.0.0.2:" + port);
setContentView(webview);

好了,看到这里,大家基本已经明白我所说的用PHP开发Android应用的思路.
大家感兴趣可以下载我打包好的APK来体验一下:
phpdroid_20160703.apk(5.8M)
phpdroid_20160703.7z(4.7M)
apk里包含PHP最新的7.0.8和高性能网络编程扩展Swoole,
另外还有BusyBox和生成二维码的qrencode.
7z包是项目源代码,主要就是MainActivity.java和assets数据.
提示下,我打包的APK在start.sh里把网站根目录调整到了SD卡的phpdroid目录下,主要上方便大家体验时USB连接手机把自己写的PHP文件放到里面运行测试.

0
CoreThink
CoreThink
实际使用来看,如果需要离线打包,“Cordova+XXX(CoreThink,jQueryMobile,Framework7)”是比较好的选择,我们之前也做过一些相关分享,欢迎交流:

CoreThink&OpenCMF技术分享之:Cordova支付宝基础功能插件开发

CoreThink&Ionic快速开发非原生APP(附开发指南)

返回顶部
顶部