Devil May Code...

Vergil's Blog

像我这种JavaScript水平较渣的php程序员,有时很想用php的方式处理前端js的数据。比如格式化日期、字符串,或者一些生成哈希的操作。

Locutus是一个试图将其他语言的标准库同化为JavaScript的项目。其实我早就关注它了,没记错的话它以前叫phpjs,所谓的其他语言(C、Go、Python、Ruby、PHP),其实主要还是php,另外几种语言目前只有寥寥可数几个函数。

Locutus一般运行于Node.js环境,这篇博文主要介绍的是如何运行在浏览器环境。

Locutus可用的php函数,作用和php同名函数相同。详情请参阅http://locutus.io/php/。

安装Node和npm

npm 全名為 Node Package Manager,是 Node.js 的包(package)管理工具, 类似 Perl 的 ppm 或 PHP 的 PEAR 等。

安装过程请自行Google、baidu。或者看这篇文章

安装Locutus

使用npm安装:

$ npm install locutus

或者可以使用bower安装:

$ bower install locutus

安装完成后,代码默认存放在当前目录的node_modules/locutus目录下。(bower安装的在bower_components/locutus/src目录下)

安装Browserify

需要在浏览器端运行Locutus,需要用一些模块包(module bundler)来构建。比如 Browserify,webpack,rollup.js。这里以Browserify为例。

使用以下命令,安装Browserify(-g代表全局):

$ npm install -g browserify

例子一:使用某个函数

以php的md5()为例:

首先,进入Locutus代码目录,可以看到如下目录结构,按语言划分的多个目录:

$ pwd
/data/htdocs/phpjs/node_modules/locutus
$ ls -l
total 32
drwxr-xr-x   6 vergil  staff   204 10 11 23:46 _util
drwxr-xr-x   5 vergil  staff   170 10 11 23:46 c
drwxr-xr-x   5 vergil  staff   170 10 11 23:46 golang
-rw-r--r--   1 vergil  staff   268  6 16 14:54 index.js
-rw-r--r--   1 vergil  staff   564  6 16 14:54 index.js.map
-rw-r--r--   1 vergil  staff  4180 10 11 23:46 package.json
drwxr-xr-x  27 vergil  staff   918 10 12 00:14 php
drwxr-xr-x   5 vergil  staff   170 10 11 23:46 python
drwxr-xr-x   5 vergil  staff   170 10 11 23:46 ruby

进入php目录,可以看到按功能或扩展(extesion)划分的目录(详见:http://locutus.io/php/):

$ cd php 
$ ls
_helpers        ctype           funchand        info            net-gopher      url
_locutus_shared datetime        i18n            json            network         var
array           exec            index.js        math            pcre            xdiff
bc              filesystem      index.js.map    misc            strings         xml

我们需要的md5()函数在strings目录下,进入该目录,可以看到很多已函数名命名的js文件:

$ cd strings
$ ls

现在,需要用browserify命令构建一个bundle:

$ browserify -r ./md5.js > /path/to/your/project/php-md5.js

注意!!这里的./md5.js是一个相对路径。不能直接写md5.js。详细用法请查看browserify文档

构建完毕后,引入该文件。测试一下:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Locutus Test</title>
    <script src="php-md5.js"></script>
</head>
<body>
    <script>
        var md5 = require('/md5.js');
        console.log(md5('Locutus'));
    </script>
</body>
</html>

打开浏览器访问,这时你可以看到控制台输出了62df46620dd0154981d901a1a3203e9a

例子二:使用某个扩展

如上所述,php目录下的每一个扩展都代表一个目录,而每个目录下都有以函数名命名的js文件。此外,还有一个index.js文件。

$ pwd
/data/htdocs/phpjs/node_modules/locutus/php
$ find . -name "index.js"
./_helpers/index.js
./_locutus_shared/index.js
./array/index.js
./bc/index.js
./ctype/index.js
./datetime/index.js
./exec/index.js
./filesystem/index.js
./funchand/index.js
./i18n/index.js
./index.js
./info/index.js
./json/index.js
./math/index.js
./misc/index.js
./net-gopher/index.js
./network/index.js
./pcre/index.js
./strings/index.js
./url/index.js
./var/index.js
./xdiff/index.js
./xml/index.js

如果你想使用某个扩展的所有函数,比如array。可以使用browserify命令构建一个bundle:

$ pwd
/data/htdocs/phpjs/node_modules/locutus/php/array
$ browserify -r ./index.js > /data/htdocs/phpjs/php-array.js

另外,可以使用./file_name.js:module_name为模块起一个名字(建议)。比如php-array

$ browserify -r ./index.js:php-array > /data/htdocs/phpjs/php-array.js

引入文件,测试:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Locutus Test</title>
    <script src="php-array.js"></script>
</head>
<body>
    <script>
        /*
         * 这里要注意的是require('模块名')
         * 在browserify构建的时候使用了模块名,那么就写那个模块名,如上所示,我用的是php-array
         * 否则,browserify就让模块名为文件名,也就是/index.js
         */
        var php_array = require('php-array');
        console.log(typeof php_array.in_array);

        var in_array = php_array.in_array;
        console.log(in_array(1, ['1', '2', '3']));
        console.log(in_array(1, ['1', '2', '3'], true));
        console.log(in_array('vergil', {author: 'vergil', email: 'vergil@vip.163.com'}));
    </script>
</body>
</html>

打开浏览器访问,控制台输出如下结果:

function
true
false
true

例子三:引入全部函数

其实原理还是一样,我就不多说了,直接上代码:

$ pwd
/data/htdocs/phpjs/node_modules/locutus/php
$ browserify -r ./index.js:php-js > /data/htdocs/phpjs/php-js.js

HTML:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Locutus Test</title>
    <script src="php-js.js"></script>
</head>
<body>
    <script>
        var phpjs = require('php-js');
        //array_diff
        console.log( phpjs.array.array_diff(['red', 'green', 'blue', 'yellow'], ['red', 'blue']));
        //array_combine
        console.log ( phpjs.array.array_combine(['name', 'gender'], ['Vergil', 'male']));
        //strtotime
        console.log( phpjs.datetime.strtotime("next Thursday"));
        //pow
        console.log( phpjs.math.pow(2, 10));
        //ip2long
        console.log( phpjs.network.ip2long('8.8.8.8'));
        //uniqid
        console.log( phpjs.misc.uniqid('', true));
        //strpos
        console.log( phpjs.strings.strpos('vergil@vip.163.com', '@') );
        //base64
        var encode = phpjs.url.base64_encode('这是一个字符串');
        console.log(encode);
        console.log( phpjs.url.base64_decode(encode));
        //sprintf
        console.log ( phpjs.strings.sprintf('The %2$s contains %1$04d monkeys', 5, 'tree'));
    </script>
</body>
</html>

结果:

Object { 1="green",  3="yellow"}
 Object { name="Vergil",  gender="male"}
1476299514.638
1024
134744072
57fd397a684de7.98316832
6
JTI1RTglMjVCRiUyNTk5JTI1RTYlMjU5OCUyNUFGJTI1RTQlMjVCOCUyNTgwJTI1RTQlMjVCOCUyNUFBJTI1RTUlMjVBRCUyNTk3JTI1RTclMjVBQyUyNUE2JTI1RTQlMjVCOCUyNUIy
这是一个字符串
The tree contains 0005 monkeys

小结

  • JS太强大了...
  • 并不是意味着可以用php的方式来写js,反之,应该多学习js
  • 可以选取部分复杂的功能使用
  • 看看人家是怎么用JS来实现这些函数库的。

好了,目前就写这些吧,以后有什么再继续更新。Happy Hacking。


转自:http://www.ha97.com/4617.html


PS:网站性能压力测试是性能调优过程中必不可少的一环。只有让服务器处在高压情况下才能真正体现出各种设置所暴露的问题。Apache中有个自带的,名为ab的程序,可以对Apache或其它类型的服务器进行网站访问压力测试。

ApacheBench命令原理:

ab命令会创建很多的并发访问线程,模拟多个访问者同时对某一URL地址进行访问。它的测试目标是基于URL的,因此,既可以用来测试Apache的负载压力,也可以测试nginx、lighthttp、tomcat、IIS等其它Web服务器的压力。

ab命令对发出负载的计算机要求很低,既不会占用很高CPU,也不会占用很多内存,但却会给目标服务器造成巨大的负载,其原理类似CC攻击。自己测试使用也须注意,否则一次上太多的负载,可能造成目标服务器因资源耗完,严重时甚至导致死机。

ApacheBench参数说明

格式:ab [options] [http://]hostname[:port]/path
参数说明:
-n requests Number of requests to perform
//在测试会话中所执行的请求个数(本次测试总共要访问页面的次数)。默认时,仅执行一个请求。
-c concurrency Number of multiple requests to make
//一次产生的请求个数(并发数)。默认是一次一个。
-t timelimit Seconds to max. wait for responses
//测试所进行的最大秒数。其内部隐含值是-n 50000。它可以使对服务器的测试限制在一个固定的总时间以内。默认时,没有时间限制。
-p postfile File containing data to POST
//包含了需要POST的数据的文件,文件格式如“p1=1&p2=2”.使用方法是 -p 111.txt 。 (配合-T)
-T content-type Content-type header for POSTing
//POST数据所使用的Content-type头信息,如 -T “application/x-www-form-urlencoded” 。 (配合-p)
-v verbosity How much troubleshooting info to print
//设置显示信息的详细程度 – 4或更大值会显示头信息, 3或更大值可以显示响应代码(404, 200等), 2或更大值可以显示警告和其他信息。 -V 显示版本号并退出。
-w Print out results in HTML tables
//以HTML表的格式输出结果。默认时,它是白色背景的两列宽度的一张表。
-i Use HEAD instead of GET
// 执行HEAD请求,而不是GET。
-x attributes String to insert as table attributes
-y attributes String to insert as tr attributes
-z attributes String to insert as td or th attributes
-C attribute Add cookie, eg. -C “c1=1234,c2=2,c3=3″ (repeatable)
//-C cookie-name=value 对请求附加一个Cookie:行。 其典型形式是name=value的一个参数对。此参数可以重复,用逗号分割。
提示:可以借助session实现原理传递 JSESSIONID参数, 实现保持会话的功能,如
-C ” c1=1234,c2=2,c3=3, JSESSIONID=FF056CD16DA9D71CB131C1D56F0319F8″ 。
-H attribute Add Arbitrary header line, eg. ‘Accept-Encoding: gzip’ Inserted after all normal header lines. (repeatable)
-A attribute Add Basic WWW Authentication, the attributes
are a colon separated username and password.
-P attribute Add Basic Proxy Authentication, the attributes
are a colon separated username and password.
//-P proxy-auth-username:password 对一个中转代理提供BASIC认证信任。用户名和密码由一个:隔开,并以base64编码形式发送。无论服务器是否需要(即, 是否发送了401认证需求代码),此字符串都会被发送。
-X proxy:port Proxyserver and port number to use
-V Print version number and exit
-k Use HTTP KeepAlive feature
-d Do not show percentiles served table.
-S Do not show confidence estimators and warnings.
-g filename Output collected data to gnuplot format file.
-e filename Output CSV file with percentages served
-h Display usage information (this message)
//-attributes 设置属性的字符串. 缺陷程序中有各种静态声明的固定长度的缓冲区。另外,对命令行参数、服务器的响应头和其他外部输入的解析也很简单,这可能会有不良后果。它没有完整地实现 HTTP/1.x; 仅接受某些’预想’的响应格式。 strstr(3)的频繁使用可能会带来性能问题,即你可能是在测试ab而不是服务器的性能。

参数很多,一般我们用 -c 和 -n 参数就可以了。例如:

# ab -c 5000 -n 600 http://127.0.0.1/index.php

ApacheBench用法详解:

在Linux系统,一般安装好Apache后可以直接执行;

# ab -n 4000 -c 1000 http://www.ha97.com/

如果是Win系统下,打开cmd命令行窗口,cd到apache安装目录的bin目录下;

-n后面的4000代表总共发出4000个请求;-c后面的1000表示采用1000个并发(模拟1000个人同时访问),后面的网址表示测试的目标URL。

稍等一会得到类似如下显示结果:

结果分析:

This is ApacheBench, Version 2.3
Copyright 1996 Adam Twiss, Zeus Technology Ltd, http://www.zeustech.net/
Licensed to The Apache Software Foundation, http://www.apache.org/

Benchmarking 192.168.80.157 (be patient)
Completed 400 requests
Completed 800 requests
Completed 1200 requests
Completed 1600 requests
Completed 2000 requests
Completed 2400 requests
Completed 2800 requests
Completed 3200 requests
Completed 3600 requests
Completed 4000 requests
Finished 4000 requests

Server Software: Apache/2.2.15
Server Hostname: 192.168.80.157
Server Port: 80

Document Path: /phpinfo.php
#测试的页面
Document Length: 50797 bytes
#页面大小

Concurrency Level: 1000
#测试的并发数
Time taken for tests: 11.846 seconds
#整个测试持续的时间
Complete requests: 4000
#完成的请求数量
Failed requests: 0
#失败的请求数量
Write errors: 0
Total transferred: 204586997 bytes
#整个过程中的网络传输量
HTML transferred: 203479961 bytes
#整个过程中的HTML内容传输量
Requests per second: 337.67 [#/sec] (mean)
#最重要的指标之一,相当于LR中的每秒事务数,后面括号中的mean表示这是一个平均值
Time per request: 2961.449 [ms] (mean)
#最重要的指标之二,相当于LR中的平均事务响应时间,后面括号中的mean表示这是一个平均值
Time per request: 2.961 [ms] (mean, across all concurrent requests)
#每个连接请求实际运行时间的平均值
Transfer rate: 16866.07 [Kbytes/sec] received
#平均每秒网络上的流量,可以帮助排除是否存在网络流量过大导致响应时间延长的问题
Connection Times (ms)
min mean[+/-sd] median max
Connect: 0 483 1773.5 11 9052
Processing: 2 556 1459.1 255 11763
Waiting: 1 515 1459.8 220 11756
Total: 139 1039 2296.6 275 11843
#网络上消耗的时间的分解,各项数据的具体算法还不是很清楚

Percentage of the requests served within a certain time (ms)
50% 275
66% 298
75% 328
80% 373
90% 3260
95% 9075
98% 9267
99% 11713
100% 11843 (longest request)
#整个场景中所有请求的响应情况。在场景中每个请求都有一个响应时间,其中50%的用户响应时间小于275毫秒,66%的用户响应时间小于298毫秒,最大的响应时间小于11843毫秒。对于并发请求,cpu实际上并不是同时处理的,而是按照每个请求获得的时间片逐个轮转处理的,所以基本上第一个Time per request时间约等于第二个Time per request时间乘以并发请求数。

总结:在远程对web服务器进行压力测试,往往效果不理想(因为网络延时过大),建议使用内网的另一台或者多台服务器通过内网进行测试,这样得出的数据,准确度会高很多。如果只有单独的一台服务器,可以直接本地测试,比远程测试效果要准确。


发现了一个很好的网站:bugsnag。它可以帮助你实时监控你的所有项目的错误或异常报告。

在这里做一个简单的介绍。

创建项目

填写项目名称,选择对应的开发语言即可,这里以PHP为例:

1.png

安装客户端

bugsnag PHP客户端提供3种安装方式,这里以Composer为例:

$ composer require "bugsnag/bugsnag:2.*"

使用

新建一个文件,内容如下:

<?php

require __DIR__ . '/vendor/autoload.php';
$bugsnag = new Bugsnag_Client("YOUR-API-KEY-HERE");
set_error_handler(array($bugsnag, "errorHandler"));
set_exception_handler(array($bugsnag, "exceptionHandler"));

在这个文件添加一个错误的代码:

echo 1 / 0;

这时,访问错误页面之后,通过bugsnag的dashboard可以查看到你的项目的错误报告:

2.png

同时,会得到邮件通知:

3.png

同样地,所有的异常也会报告。测试文件的错误改为以下代码:

throw new Exception('这是一个异常');

4.png


当然,你可以在bugsnag网站上或者代码上灵活地配置。比如发送什么错误等级的报错,发送到什么邮箱等等。详细可以查看官方文档

在Laravel中使用

bugsnag也提供了针对一些常见的PHP框架或者产品的客户端,让用户快速的集成到项目中。

这里以laralvel为例:

  1. 安装bugsnag/bugsnag-laravel
$ composer require bugsnag/bugsnag-laravel:1.*‘
  1. 编辑config/app.php

providers添加

Bugsnag\BugsnagLaravel\BugsnagLaravelServiceProvider::class,

aliases数组添加

'Bugsnag' => Bugsnag\BugsnagLaravel\BugsnagFacade::class,
  1. 编辑App/Exceptions/Handler.php,使用bugsnag的BugsnagExceptionHandler

删除这行代码:

use Illuminate\Foundation\Exceptions\Handler as ExceptionHandler;

添加这行代码:

use Bugsnag\BugsnagLaravel\BugsnagExceptionHandler as ExceptionHandler;
  1. 发布配置文件
$ php artisan vendor:publish --provider="Bugsnag\BugsnagLaravel\BugsnagLaravelServiceProvider"
  1. .env配置文件添加
BUGSNAG_API_KEY=YOUR-API-KEY-HERE

写在最后

首先这不是广告,只是纯粹的分享。

最后要说的是,这么好的服务当然是要收费的。-_-|||

新用户有14天的试用期。

不过价格还算比较合理。


你也许仍然想念着Laravel 4 中那个“漂亮的”Whoops样式的错误处理器,下面告诉你如何在Laravel 5中使用它。

首先,composer require filp/whoops:~1.0.

然后打开 app/Exceptions/Handler.php, 在render()方法中添加一个Whoops样式的处理情况,就像下面这样:

/**
 * Render an exception into an HTTP response.
 *
 * @param  \Illuminate\Http\Request  $request
 * @param  \Exception  $e
 * @return \Illuminate\Http\Response
 */
public function render($request, Exception $e)
{
    if ($this->isHttpException($e))
    {
        return $this->renderHttpException($e);
    }


    if (config('app.debug'))
    {
        return $this->renderExceptionWithWhoops($e);
    }

    return parent::render($request, $e);
}

/**
 * Render an exception using Whoops.
 * 
 * @param  \Exception $e
 * @return \Illuminate\Http\Response
 */
protected function renderExceptionWithWhoops(Exception $e)
{
    $whoops = new \Whoops\Run;
    $whoops->pushHandler(new \Whoops\Handler\PrettyPageHandler());

    return new \Illuminate\Http\Response(
        $whoops->handleException($e),
        $e->getStatusCode(),
        $e->getHeaders()
    );
}

就是这么简单!

感谢Laracasts论坛中的这个帖子,是它让我想到要写出这么一篇博文。


原文地址:https://mattstauffer.co/blog/bringing-whoops-back-to-laravel-5
转自:http://www.golaravel.com/post/bringing-whoops-back-to-laravel-5/


转自:http://allensuiverson.blog.163.com/blog/static/13364826920131013103226827/


PHP是弱类型,动态的语言脚本。在申明一个变量的时候,并不需要指明它保存的数据类型。例如:

<?php  
$var = 1;  
$var = "variable";  
$var = 1.00;  
$var = array();  
$var = new Object();  

动态变量,在运行期间是可以改变的,并且在使用前无需声明变量类型。

阅读剩余部分...


前言

一般来说,AJAX请求与普通HTTP请求没有任何的区别。但jQuery框架会在Request header加上X-Requested-With:XMLHttpRequest

但这并不是一个标准,所以并非所有AJAX请求都会发送这个request header。原生的XMLHttpRequest对象就没有这个东西。

AngularJS的$http服务也不会发送这个header。

由于jQuery的流行,很多PHP框架会以此来判断这个请求是否AJAX。

例如:

LaravelIlluminate\Http\Request::ajax()方法。该类继承自Symfony框架的Symfony\Component\HttpFoundation\Request并使用了它的isXmlHttpRequest()来判断是否AJAX请求。

国内著名的ThinkPHP框架,IS_AJAX常量也是以此来判断是否AJAX。

define('IS_AJAX', ((isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') 

阅读剩余部分...


前言

第三方登录认证能简化用户登录/注册的操作,降低用户登录/注册的门槛,对提高应用的用户转化率很有帮助。

Socialite

Laravel 为我们提供了简单、易用的方式,使用 Laravel Socialite 进行 OAuth(OAuth1 和 OAuth2 都有支持) 认证。

Socialite 目前支持的认证有 Facebook、Twitter、Google、LinkedIn、GitHub、Bitbucket。(恩,有一半是“不存在”的网站。)
Socialite 的用法官方文档中已经讲得很详细了,恕不赘述。
英文好的同学,建议直接看 Laravel 官方文档,毕竟看二手知识是有高风险的
英文不好的同学(比如我),下面是中文文档:
Laravel 5.0:http://laravel-china.org/docs/5.0/authentication#social-authentication
Laravel 5.1:http://laravel.tw/docs/5.1/authentication#social-authentication

SocialiteProviders

SocialiteProviders 通过扩展 Socialite 的 Driver,实现了很多第三方认证。国内的有:微博、QQ、微信、豆瓣。当然你自己也可以参照实现其他的,只要那个网站支持 OAuth。
SocialiteProviders 的使用也超级简单易用,每个都对应了文档。其实,不懂英文也能看懂。
文档地址:http://socialiteproviders.github.io/
其实,文章到这里就应该结束了。由于文档是基于 Laravel5.0 的,所以我还是打算基于 Laravel5.1 演示一遍,并说一下要注意的地方吧。

阅读剩余部分...


今天,把一个项目的无限分类功能整理出来作为一个package开源发布到Packagist。用Laravel的同学可以看看,欢迎提建议或者贡献你的代码:)
顺手就给个star吧,感谢。

Packagist:https://packagist.org/packages/vergil-lai/node-categories
Github:https://github.com/vergil-lai/node-categoires


Powered by Typecho.