Tag: 开发

  • AI让我更强大

    AI让我更强大

    2007年1月17日的时候,我注册了我现在一直在用的域名rsywx.net。在2016年的时候,我启动了我现在用的这个订阅号。

    (我一直把这个订阅号叫做“任老师随便聊”,但前几天微信通知我,认为我的订阅号名字中“涉及教育行业领域相关职业、职位或职称”。我想来想去,应该是“老师”这两个字。我也懒得和微信计较了,所以干脆改个名字到“老任随便聊”。

    不过还是说一点感受。

    我一直认为,最广义上的“教育”不是一个专属的“职业、技能”。按照我自己研究出来的最小干预模型(Least Disturbance Model,或LDM)的要求,更合理的做法你可以取这个名字,但如果被投诉,就核实并制裁。

    我没想到,微信从另外一个角度来贯彻这个LDM。

    Anyway… )

    ===以下是正文===

    前两天下载了一个用来开发程序的IDE,Windsurf。IDE我用过不少,比如赫赫有名的Visual Studio Code,后起之秀Cursor,比起我刚开始写程序时用的IDE,不知道高到哪里去了。

    我开始是抱着试试看的态度试用Windsurf,让它帮我生成了几个小程序,效果都还不错,几乎都能做到一次成功。

    于是我就萌生了让它帮我写我的微信订阅号后台的想法——然后,我发现,这是一个轻松而愉快的过程!

    和AI讨论的第一步,当然是让它进入角色,所以我问它:你是不是熟悉微信订阅号的开发?它的回答是令人安心的。

    后续的工作也一样简单:基本的框架文件是AI生成的,需要填写的一些敏感信息AI当然无法获得,但它很正确地告诉我从哪里去获得这些内容:

    在这个过程中,AI也在不断试错——毕竟,原则不变,但每个开发环境都各不相同——但总体来说,我没有“动什么脑筋”,就完成了最重要的微信交互第一步:开放我的域名并让微信认可。

    第一步完成后就很快了。我开始要求AI加入功能,这个过程也很直截了当。

    目前,我的订阅号支持三个功能1,并需要相应的关键词激活:

    • QOTD:Quote of The Day。激活词是:“QOTD”,“每日一句”,“名言”。
    • BOTD:Book of The Day。激活词是:“BOTD”,“每日图书”,“图书”,“书”。
    • WOTD:Word of The Day。激活词是“WOTD”,“每日单词”,“单词”。

    进入我的微信订阅号(“老任随便聊”),输入这些激活词,就能获得相应的反馈。如下就是一个BOTD的反馈:

    如何?还算可以吧?

    这些功能,我大概用了晚上2个小时左右就完成了。

    =========

    From the hindsight

    1. 对于编程这样目标明确,测试(有没有达到目标)手段明确的任务来说,AI确实已经全面碾压人类。
    2. 作为我来说,我能这么快地完成这个任务,有两个因素(或者说“基础”)在帮忙:
      1. 一个是,我一直在思考这些功能,而我之前多年的积累,也让我能迅速指导AI进行怎样的工作。AI在知道我要干嘛后,提出的一些功能有用,但毕竟我最知道我的要求。
      2. 另一个是,我有足够的编程基础,所以能避开AI给出的一些坑。
    3. 我从一个开发者牛马,变成了一个“老板”。我更多地在说What,而不再关心How。这个和我之前当PM的时候有点像,唯一不同的是,我不需要向AI解释Why。
    4. 从繁重的daily issue解脱后,我才能思考我想要什么。这是人的创造力的源泉,做事情的动力。也是AI目前最能帮助我们的地方。这样的生产力解放,是我乐意看到的。
  • 微信订阅号的开发

    最近看了一下微信订阅号的开发。

    我要做一个个人订阅号,用户订阅之后,可以通过输入命令获得交互,得到英文单词的解释,大概就是这样。

    微信开发权限获得就不讲了,需要帮助的同学可以去访问相应的站点。

    首先,我开了一个域名(http://weixin.rsywx.com) 作为和微信通讯的接口。

    按照微信的说法,用户输入命令后,该接口将“被动”地回复信息。而这也是我这个订阅号和用户交互的主要渠道。

    在weixin.rsywx.com中,我用Silex框架构建了我的应用。这是因为我需要在这个框架中进行一些控制。当然你也可以用一个plain PHP文件来完成这个接口的工作。 该应用的入口文件很简单:

    require_once __DIR__ . '/../vendor/autoload.php';
    require_once __DIR__ . '/./WechatCallbackAPI.php';
    $app = new Silex\Application();
    $app['debug'] = true;
    // Twig registration
    $app->register(new Silex\Provider\TwigServiceProvider(), ['twig.path' => __DIR__ . '/../views']);
    $app->post('/', function () use ($app)
    {
        $obj=new WechatCallbackAPI();
        echo $res=$obj->response($app);
    });
    $app->run();

    其中的Twig注册不是必要的,因为微信要求的回应是一个XML字符串。不过放进去也没有关系。 对于“/”这个路径,我们在响应微信的请求时必须使用POST方式。同时我们创建了一个对象,并调用response方法来返回消息。 在WechatCallbackAPI中,我们抄袭微信的实例代码并作一些改进:

    public function response($app)
        {
            $post=$GLOBALS['HTTP_RAW_POST_DATA'];
            //$post=file_get_contents('php://input');
            if(!empty($post))
            {
                libxml_disable_entity_loader(true);
                $obj=simplexml_load_string($post, 'SimpleXMLElement', LIBXML_NOCDATA);
                $from=$obj->FromUserName;
                $to=$obj->ToUserName;
                $key=strtolower(trim($obj->Content));
                if($key==?||$key==?||$key=='help')
                {
                    $wpme=new WPME($from, $to);
                    $res=$wpme->help();
            return $res;
                }
                else if (substr($key, 0,4)=='wpme')
                {
                    $wpme=new WPME($from, $to);
                    $wpme->setKey($key);
                    $res=$wpme->invoke();
                    return $res;
                }
                else if(substr($key, 0,4)=='wotd')
                {
                }
                else
                {
                    $wpme=new WPME($from, $to);
                    $res=$wpme->unknown();
                    return $res;
                }
            }

    注意,这里还用到了一个在PHP 5.6中被标记为deprecated,而在PHP 7将是obsolete的功能:

    $post=$GLOBALS['HTTP_RAW_POST_DATA'];

    PHP手册中建议用

    <pre lang="php">$post=file_get_contents('php://input');

    但是经过测试似乎不行。微信就是这么任性。

    在该response函数中,我们根据不同的用户输入来调用不同的功能。上述代码中列出了WPME(Word Power Made Easy)模块中的判断。WPME模块中最重要的方法是invoke,它将根据不同的命令($key)去进一步调用不同的资源并构造返回值。而另外一些命令在WPME中直接处理,比如最简单的help方法:

    public function help()
        {
            $content = Available commands:\nwpme1: Latest WPME\nwpme7: Last 7 WPMEs\nwpme????: Search WPME for ????;
            $res = sprintf(WPME::$txtTemplate, $this->from, $this->to, time(), $content);
            return $res;
        }

    help将列出可以使用的命令,比如wpme1,然后渲染一个静态文本模板并返回。文本模块的格式可以参考微信文档。

    而invoke方法如下:

    public function invoke()
        {
            $uri = https://rsywx.net/wechat/ . htmlentities($this->key);
            $content = file_get_contents($uri);
            preg_match_all('/(.*?)<\/title>/i', $content, $matches);
            $res = sprintf(WPME::$newsTemplate, $this->from, $this->to, time(), $matches[1][0], date('Y-m-d'), $uri);
            return $res;
        }

    我们可以看到,我们的一般命令将返回图文信息。而图文信息的模板格式也请参考微信文档。这里我们并不进行任何实质性的处理,真正的内容渲染我们在另外一个站点:https://rsywx.net 中进行。

    rsywx.net是一个之前我单独开发的站点,考虑到微信使用的一些功能可以在该站点中复用,所以我将微信需要的返回信息的功能(控制、数据、呈现)放在这里实现。这个站点用Symfony完成。其实,我这个微信号最本质的内容呈现逻辑都是在rsywx.net中完成的。

    我们看一个indexAction方法。这个方法接受来自weixin.rsywx.com的调用,并根据不同的关键字进行处理:

    public function indexAction($key)
        {
            $entity = substr($key, 0, 4);
            if ($entity == 'wpme')
            {
                if ($key == 'wpme1' || $key == 'wpme7')
                {
                    $uri = http://api/$entity/$key;
                    $res = json_decode(file_get_contents($uri))->out;
                    $theme = $this->container->getParameter('theme');
                    return $this->render(AppBundle:$theme/wechat:$key.html.twig, ['res' => $res->res]);
                }
                else //The key is like wpme????, where ???? is the search term
                {
                    $search = substr($key, 4);
                    $uri = http://api/$entity/s/$search;
                    $res = json_decode(file_get_contents($uri))->out;
                    $theme = $this->container->getParameter('theme');
                    return $this->render(AppBundle:$theme/wechat:wpme7.html.twig, ['res' => $res->res]);
                }
            }
        }

    如果从weixin传来的命令是wpme1(列出最新的单词)或者wpme7(列出7个最新的单词),那么rsywx.net将进一步调用http://api.rsywx.com 中相应的RESTful API接口获得数据并渲染;如果是类似wpme????这样的命令,那么将进行搜索,并将结果返回。

    最后我们来看http://api.rsywx.com ,如果我们直接访问这个站点,将会呈现该站点所提供的所有接口的API文档:

    Ashampoo_Snap_2016.02.01_20h46m03s_002_Chrome

    而在这个站点中,我同样用Silex框架实现了对应的方法来返回数据(实际上,rsywx.net的所有数据也都是由该站点提供的)。

    好了,如果你现在在公众号中输入这样的一个命令:wpme1,你将看到如下的界面:

    Screenshot_20160201-205011

    Screenshot_20160201-205018

    怎么样?是不是很酷?

    本文收录于[go4pro.org]

  • Titanium Developer学习笔记(一)

    (本文收录于[go4pro.org]

    前几天从Status.net那里知道了这个Titanium Developer开发平台,就下载了看看。

    我一直在找一款合适的、跨平台(含Linux、Windows以及Android)开发的程序,这个Titanium Developer虽然还不是一个完整的IDE,但是它提供的跨平台编译能力以及创建桌面、手机应用的能力确实令人耳目一新。 根据站点的介绍,这个开发平台的重要特性包括:

    • 支持创建Windows, Linux, MacOS平台的原生桌面应用程序;
    • 支持创建Android, iPhone平台的原生手机应用程序;
    • 支持使用JavaScript, PHP, Python, Ruby等多种脚本语言编程;
    • 支持HTML5和CSS3;
    • 支持使用基于HTML的DOM模式编程以及支持基于Titanium UI的编程;
    • 支持几乎所有的主流AJAX库,如jQuery,Entourage,Dojo,Yahoo YUI,Prototype等;
    • 支持项目创建、编译、调试、分发,但是不支持源代码的编辑,而需要在外部的程序中进行

    程序安装比较简单,在安装过程中会下载Mobile SDK和Desktop SDK,这个可能需要一定的时间。

    程序的运行比较麻烦,有可能出现假死状态。根据官方论坛的一些说明,似乎唯一能解决问题的方法就是彻底卸载(以Windows Vista为例)(原帖请猛击此处进入):

    1. 用Control Panel将程序卸载;
    2. 手动删除Titanium安装目录下所有的文件;
    3. 手动删除C:/Documents and Settings/All Users/Titanium下所有的文件;
    4. 手动删除C:/Documents and Settings/\<YOUR USER>/Titanium下所有的文件,其中的\<YOUR USER>是你登陆Vista使用的用户名;
    5. 重新安装即可。

    我就是碰到了程序第一次启动时的假死状态,用了上述方法后终于可以启动了。 初次启动时需要进行注册或者登陆。我是在Titanium的站点注册后再在程序界面中登陆的。

    界面如下:

    titanium-desktop-main-window

    可以创建一个新项目或者导入一个项目。图例中显示的就是导入的Android实例程序。对于一个项目,我们可以修改一些项目参数,也可以进行测试运行。对于手机应用,会出现“在模拟器中运行”、“在设备上运行”、“Distribute”。这最后一个选项是你将自己的程序发布到Android或者Apple Store(也即Titanium Developer的开发公司)市场的连接,目前我还没有用到过。

    程序的另一个视图(Perspective)是所谓的Community视图。这里你可以看到一些来自Twitter的推——不过我不知道如何发言才能在这里显示和一个所谓的“沙盒”测试版块,你可以在这里输入一些测试性的代码然后进行试运行。比如下面这个就是用Python编写的“Hello World!”程序:

    titanium-desktop-sandbox

    第三个视图是Profile视图,这里可以设置一些自己的信息:登陆名、密码,还有Android SDK的路径。按照说明,程序应该可以自动找到,但是也不妨碍你自己设置。

    程序的效果是很惊艳的,下图给出的是Android的实例程序,可以看到各种控件都非常齐全,也很漂亮。

    titanium-desktop-android

    我个人觉得这个平台很好。对于我来说,它:

    • 可以基于HTML/CSS构建界面,同时又可以根据DOM进行操作;
    • 可以使用PHP来操作;
    • 编译出来的程序跨平台使用,几乎和Adobe Air一样;

    所以,我会尝试使用这个平台。