PHPSciter

关于Sciter

Sciter是一个非常优秀的的跨平台GUI框架,它使用HTML5 + CSS来绘制界面,使用TIScript来做交互。

Sciter由Andrew发起。这是一位非常资深的UI专家,以邀请专家的身份参与HTML5标准的制定,Evernote最早的三个开发者之一。Sciter主要的特点:

  • 跨平台:Sciter支持Windows、Linux和MacOS
  • 轻量级:Sciter整体的实现非常轻,只有几兆大小
  • 使用Html5实现:Sciter使用HTML,CSS来渲染窗口,使用TIScript做交互。表现力强,上手简单。 

Sciter作者正在开发 Sciter-JS项目,这个项目集成了quickjs。这个项目发布以后很快得到了很多人的关注,相信会吸引更多的人使用Sciter项目。

关于PHPSciter

PHPSciter是一个PHP的扩展,将Sciter集成到PHP中,这样就可以使用PHP来开发桌面应用。对于广大的PHPer来说,之前B/S架构下面的开发经验基本上可以移植到Sciter下面来。这样可以充分的享受PHP已有的各种类库,快速的开发桌面应用工具。

安装PHPSciter

我们已经帮大家打好了各个平台下面的包:

Windows: https://github.com/longyan/phpsciter/raw/master/package/windows/phpsciter.zip

Ubuntu: https://github.com/longyan/phpsciter/raw/master/package/deb/phpsciter_php7.4.3-4ubuntu2.4_am64.deb

CentOS: https://github.com/longyan/phpsciter/raw/master/package/rpm/php7.4-phpsciter-7.4.3-5.x86_64.rpm

运行demo

以windows为例,解压缩之后,有一个example目录。

D:\Sciter>php examples\phpsciter-callback\index.phpt
<?php
$oSciter = new PHPSciter();
$oSciter->setResourcePath('file://' . __DIR__ . '/res/');
$oSciter->setWindowFrame(100, 100, 100 + 500 + 1, 100 + 500 + 1);
$oSciter->setWindowTitle('hello');
$oSciter->loadFile('index.php');
$oSciter->setOption(PHPSciter::SCITER_SET_SCRIPT_RUNTIME_FEATURES,PHPSciter::ALLOW_FILE_IO | PHPSciter::ALLOW_SOCKET_IO | PHPSciter::ALLOW_EVAL |PHPSciter::ALLOW_SYSINFO);
$oSciter->run(PHPSciter::SW_TITLEBAR | PHPSciter::SW_RESIZEABLE | PHPSciter::SW_MAIN | PHPSciter::SW_ENABLE_DEBUG|PHPSciter::SW_CONTROLS);
?>

这个运行之后,会加载res目录下面的index.php,里面的代码如下:

<?php
 include_once "callback.php";
 ?>
<html>
<meta http-equiv=Content-Type content="text/html;charset=utf-8">
<div>
    Request & Get Int:
    <button id="plus_btn">Click Plus</button>
    <button id="sum_btn">Click Sum</button>
    <br/>
</div>
<script type="text/tiscript">
$(#plus_btn).on("click", function() {
    var plus = view.plus(100);
    $(#data_json).html = JSON.stringify(plus);
    $(#data_area).html = "";
});
$(#sum_btn).on("click", function() {
    var sum = view.sum(1,2,3);
    $(#data_json).html = JSON.stringify(sum);
    $(#data_area).html = "";
});
callback.phpl里面的代码如下:
<?php
class classTest
{
    static public function plus($a)
    {
        return $a + 30;
    }
    static public function sum($a, $b, $c)
    {
        return $a + $b + $c;
    }
}
PHPSciter::defineFunction('plus', 'classTest::plus');
PHPSciter::defineFunction('sum', 'classTest::sum');

运行之后的界面:

运行机制

1. 启动Sciter窗口,加载index.php

2. index.php里面通过html的方式定义了若干的元素,并绑定了其click事件的响应函数。

3. 当事件触发后,sciter引擎会将click事件的调用传给php的解释引擎。

4. 在callback里面通过PHPSciter::defineFunction()方法定义了响应函数。

5. PHP引擎调用该函数,并将结果返回。

6. 前段的JS更新页面元素。


联系我们
联系人: 刘斌
电话: 17685869372
QQ: 526288068
地址: 青岛市黄岛区井冈山路157号中南金石国际广场A座3202