網頁或網頁內元素是否作用中 (可視)

Posted on 2017-06-09 by hoyo

$(function(){

// 頁面作用才更新資料

window.onfocus = function(){

setInterval(function(){

search();

}, 10000);

};

window.onblur = function(){

for (var i = 1; i < 9; i++) window.clearInterval(i);

};

});

—

元素出現就作用

How to tell if a DOM element is visible in the current viewport?
http://jsfiddle.net/AndyE/d48Cv/1/
jquery.inview2

$('div').bind('inview', function(event, isInView) {

if (isInView) {

$(this).css('background-color', '#f00');

} else {

$(this).css('background-color', '#00f');

}

});

—

元素完整出現才作用

</div>

<hr/>

$(window).scroll(function() {

$('div:in-viewport(-320)').css({

'background-color': '#f00',

'color': '#151612'

}).find('p').text('Now in viewport.');

});

</script>

—

362 total views, 1 views today

使用 Workerman 開發 WebSocket 應用

Posted on 2017-06-08 by hoyo

WebSocket 是什麼

WebSocket

1	瀏覽器和伺服器只需要完成一次交握，兩者之間就直接可以建立永續性的連線，並允許資料進行雙向傳送。

—

Workerman 是什麼

workerman 一个高性能的PHP Socket 服务器框架

1	Workerman是一款纯PHP开发的开源高性能的PHP socket 服务器框架。被广泛的用于手机app、移动通讯，微信小程序，手游服务端、网络游戏、PHP聊天室、硬件通讯、智能家居、车联网、物联网等领域的开发。支持TCP长连接，支持Websocket、HTTP等协议，支持自定义协议。拥有异步Mysql、异步Redis、异步Http、异步消息队列等众多高性能组件。

—

從 putty 退出背景執行也不終止

1	nohup node app &

—

實際使用的範例

<?php

date_default_timezone_set('Asia/Taipei');

require_once './Autoloader.php';

use Workerman\Worker;

use Workerman\Lib\Timer;

spl_autoload_register(function ($class_name) {

$load_FileName = str_replace('\\', '/', $class_name);

$file_name = __DIR__ ."/". $load_FileName .".php";

if ( is_file($file_name) === true ) {

require_once( $file_name );

}

});

Use App\MySQL;

use App\onConnect;

use App\onMessage;

use App\onClose;

ini_set('display_errors',true);

ini_set('error_reporting',E_ALL & ~E_NOTICE & ~E_STRICT & ~E_DEPRECATED);

const MYSQL_DBNAME = 'db';

const MYSQL_HOST = 'localhost';

const MYSQL_USERNAME = 'username';

const MYSQL_PASSWORD = 'password';

define( "PDO_DSN", "mysql:dbname=". MYSQL_DBNAME .";host=". MYSQL_HOST .";charset=utf8" );

$checkUser = $connections_array = $Room = array();

// ssl 證書

$context = array(

'ssl' => array(

// 使用绝对路径

'local_cert' => '/etc/httpd/ssl/apache2.crt', // 也可以是crt文件

'local_pk' => '/etc/httpd/ssl/apache2.key',

'verify_peer' => false,

)

);

// 创建一个Worker监听2346端口，使用websocket协议通讯

$worker = new Worker("websocket://0.0.0.0:2346", $context);

$worker->transport = 'ssl';

// 1 個進程同步資料

$worker->count = 1;

// 定時器

$worker->onWorkerStart = function()

{

// 每秒執行一次

Timer::add( 1, function() {

global $connections_array;

foreach ($connections_array as $conn) {

// 整分報時

if ( date('s')=='00' ) {

$JV = array( 'Command'=>'Ping', 'Value'=>date('H:i:s') );

$conn->send( json_encode($JV) );

}

// 檢查是否有問題存在沒有的話就隨機出一題

$JV = array( 'Command'=>'CheckQuestionExist', 'Value'=>'' );

$conn->send( json_encode($JV) );

}

});

};

$worker->onConnect = function($connection)

{

onConnect::connect($connection);

};

// 接收

$worker->onMessage = function($connection, $data)

{

onMessage::message($connection, $data);

};

// 結束

$worker->onClose = function($connection)

{

onClose::close($connection);

};

// 运行worker

Worker::runAll();

—

CentOS7 開啟防火牆

centos 7 – open firewall port

1 2	firewall-cmd --zone=public --add-port=2346/tcp --permanent firewall-cmd --reload

—

睡一覺起來有關資料庫應用不正常問題

workerman 是一個常駐程式，說白就是一個無限迴圈的程式。MySQL 有設計一個 Wait Timeout 的機制，預設是 28800 秒 (8 小時)，因為在程式初期測試時因為不可能閒置到 8 小時，而且只要一使用時間就會重新計算，所以大部分發現的時機都是睡一覺隔天使用才發現資料庫的功能都已經失效

SHOW VARIABLES LIKE "wait_timeout"

Variable_name Value

wait_timeout 28800

顯示處理程序列表

SHOW PROCESSLIST

Id User Host db Command Time State Info

2 MJAPP_AutoDial 192.168.100.201:49854 MJAPP_AutoDial Sleep 2329 NULL

5 phpmyadmin localhost NULL Sleep 0 NULL

6 root localhost NULL Query 0 NULL

—

MySQL server has gone away

PHP Pdo MySQL Server has gone away

要使用 try{} catch(){} 來攔截 MySQL 錯誤，必須在初始 PDO 時開啟錯誤攔截

1 2	$db = new PDO(PDO_DSN, MYSQL_USERNAME, MYSQL_PASSWORD, $options); $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

然後在 workerman 使用 SQL 之前檢查連線

\App\MySQL::CheckConnection();

$sql = " SELECT LINEUser.* FROM LINEUser WHERE Create_Time>=:Create_Time ";

$pre = $db->prepare($sql);

$pre->bindValue(':Create_Time', $json['value']);

$pre->execute();

\App\MySQL::CheckConnection() 程式

<?php

namespace App;

class MySQL {

function __construct() {

}

public static function CheckConnection()

{

global $db;

try {

$db->query('select 1');

} catch (\PDOException $e) {

$options = array(

\PDO::MYSQL_ATTR_INIT_COMMAND => 'SET NAMES utf8'

);

$db = new \PDO(PDO_DSN, MYSQL_USERNAME, MYSQL_PASSWORD, $options); //

$db->setAttribute(\PDO::ATTR_ERRMODE, \PDO::ERRMODE_EXCEPTION);

}

—

1,713 total views, no views today

Excel 公式應用

Posted on 2017-06-06 by hoyo

產生連續英文字母

Excel-產生連續英文字母A~Z(CHAR)

1	=CHAR(64+ROW(1:1))

這樣會生成 A ，往下複製

—

前補 0

Excel-在一串數字之前補0

1	=RIGHT("00000"&A2,6)

A2 是參考對象，00000 是要補幾個 0，6 是補的位數

00000 可以多打點，位數決定最後顯示

—

443 total views, 1 views today

網頁表格另存 Excel – PHPExcel

Posted on 2017-06-02 by hoyo

網頁 (PHP) 產生 Excel 方法

直接把網頁的 Table 表格轉成 .xls 檔案 Export Html Table To Excel Spreadsheet using jQuery – table2excel 。優點快速，缺點開啟時會出現警告，商業應用不適合，公司內部湊合用
產書真正的 Excel ，使用本文使用 PHPExcel 套件可以讀取或產生原生 Excel 格式檔案。優點標準，缺點很麻煩

—

PHPExcel

使用 PHP 處理 Excel 格式檔案

—

讀取 Excel 檔案

<?php

require_once WEB_ROOT .'/Component_Back/PHPExcel-1.8.1/Classes/PHPExcel/IOFactory.php';

// 讓PHPExcel決定使用哪種格式讀取Excel

$excel= \PHPExcel_IOFactory::load($_FILES['File']['tmp_name']);

// 抓取第一個Sheet

$sheet = $excel->getSheet(0);

// 讀出資料變成陣列

$rowData = $sheet->toArray();

// 資料筆數

$Count = count($rowData);

for ($i = 1; $i<$Count; $i++) {

// 顯示 A 欄資料

echo $rowData[$i][0];

$j++;

}

—

產生 Excel

18. 憑空生出Excel檔

require_once( OS_PATH .'/Component_Back/PHPExcel_1.8.0/Classes/PHPExcel.php' );

$objPHPExcel= new PHPExcel();

// A1 儲存格填入 123

$objPHPExcel->getActiveSheet()->setCellValue('A1', 123);

// B1 填入字串

$objPHPExcel->getActiveSheet()->setCellValue('B1', 'Test value');

// C1 儲存格設定小數點兩位百分比格式

$objPHPExcel->getActiveSheet()->getStyle('C1')->getNumberFormat()->setFormatCode('0.00%');

// 寫入儲存

$objWriter = PHPExcel_IOFactory::createWriter($objPHPExcel, 'Excel5');

$objWriter->save( sys_get_temp_dir() .'/Report.xls' );

儲存格格式 PHPExcel_Style_NumberFormat

範例 2 – 直接輸出下載檔案

<?php

require_once WEB_ROOT .'/Component_Back/PHPExcel-1.8.1/Classes/PHPExcel/IOFactory.php';

$objPHPExcel = new \PHPExcel(); //實體化Excel

$objPHPExcel->setActiveSheetIndex(0); //設定預設顯示的工作表

$objActSheet = $objPHPExcel->getActiveSheet(); //指定預設工作表為 $objActSheet

$objActSheet->setTitle("wwww"); //設定標題

//$objPHPExcel->createSheet(); //建立新的工作表，上面那三行再來一次，編號要改

$objActSheet->setCellValue('A1', 'xx');

$objActSheet->setCellValue('B1', 'yyy');

$objActSheet->setCellValue('C1', 'zzz');

header('Content-Type: application/vnd.ms-excel');

header('Content-Disposition: attachment;filename='. $Filename .'aaa.xls');

header('Cache-Control: max-age=0');

$objWriter = \PHPExcel_IOFactory::createWriter($objPHPExcel, 'Excel5');

$objWriter->save('php://output');

—

Fatal error: Allowed memory size

在寫入大量資料時，出現了 Fatal error: Allowed memory size 的錯誤

Allowed memory size of 33554432 bytes exhausted (tried to allocate 43148176 bytes) in php

<?php

set_time_limit(0);

ini_set("memory_limit", -1);

$objPHPExcel = new \PHPExcel(); //實體化Excel

無效方案

// 記憶體控制

$cacheMethod = \PHPExcel_CachedObjectStorageFactory::cache_to_phpTemp;

$cacheSettings = array( 'memoryCacheSize' => '1MB');

\PHPExcel_Settings::setCacheStorageMethod($cacheMethod, $cacheSettings);

—

指定欄位格式

Correct format for strings / numbers beginning with zero?

1	$objActSheet->setCellValueExplicit('A'.$i, $row['Name'], \PHPExcel_Cell_DataType::TYPE_STRING);

要注意 setCellValue 修改成 setCellValueExplicit

—

Fatal error: Class ‘XMLWriter’ not found

補一個 php-xml 就好了

1	yum install php-xml

—

1,898 total views, 1 views today

串接 PayPal

Posted on 2017-06-01 by hoyo

流程

申請帳號
到 PayPal Developer 開通開發帳號
沙盒測試網址加上 sandbox 即可
https://www.sandbox.paypal.com
https://ipnpb.sandbox.paypal.com
針對開發人員的 PayPal 和 IPN（交易狀態更新）介紹

—

開啟 IPN (交易狀態更新、即時付款通知)

個人檔案 → 我的銷售工具 → 交易狀態更新

—

自訂付款

針對開發人員的 PayPal 和 IPN（交易狀態更新）介紹內有自訂付費表單範例
HTML Form Basics for PayPal Payments Standard

</form>

business :
amount :
return :
cancel_return :

一個實際案例

$Form = '

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</form>

</body>

</html>

echo $Form;

notify_url: 設定 IPN 返回網址
return: 成功付款返回網址
cancel_return: 取消交易返回網址

—

IPN

Introducing IPN

將接收的 IPN $_POST 轉成陣列

Array

(

[mc_gross] => 1000

[protection_eligibility] => Ineligible

[address_status] => confirmed

[payer_id] => 8G7HV3SJCPXAQ

[address_street] => 71566176 Sky E137 S

[payment_date] => 22:00:29 May 31, 2017 PDT

[payment_status] => Pending

[charset] => windows-1252

[address_zip] => W185744

[first_name] =>

[address_country_code] => HK

[address_name] =>

[notify_version] => 3.8

[custom] => :

[payer_status] => verified

[business] => pc-facilitator@hoyo.idv.tw

[address_country] => Hong Kong

[address_city] => Posta

[quantity] => 1

[verify_sign] => AOH.JxXLRThnyE4tyiz8f.cTKbR2AH5k6c0WNm5135Ot-LokNPpc1yzK

[payer_email] => pc@hoyo.idv.tw

[txn_id] => 2FA122351Y010023B

[payment_type] => instant

[last_name] =>

[address_state] => Libisia

[receiver_email] => pc-facilitator@hoyo.idv.tw

[receiver_id] => WJVDVGB4S5DES

[pending_reason] => multi_currency

[txn_type] => web_accept

[item_name] => 1250

[mc_currency] => TWD

[item_number] =>

[residence_country] => HK

[test_ipn] => 1

[transaction_subject] =>

[payment_gross] =>

[ipn_track_id] => a72c1c50acff4

)

—

驗證 IPN 是否屬實

https://ipnpb.paypal.com/cgi-bin/webscr?cmd=_notify-validate&

VERIFIED 有效，INVALID 無效

—

REST API

REST API Reference

—

輔助資源

PayPal Verified Logos, Icons, Images – PayPal Logo Center PayPal Logo

—

3,531 total views, no views today

hoyo 學習紀錄

PHP 網頁應用 IOT 物聯網自動化

Monthly Archives: 6 月 2017

網頁或網頁內元素是否作用中 (可視)

元素出現就作用

元素完整出現才作用

使用 Workerman 開發 WebSocket 應用

WebSocket 是什麼

Workerman 是什麼

從 putty 退出背景執行也不終止

實際使用的範例

CentOS7 開啟防火牆

睡一覺起來有關資料庫應用不正常問題

MySQL server has gone away

Excel 公式應用

產生連續英文字母

前補 0

網頁表格另存 Excel – PHPExcel

PHPExcel

讀取 Excel 檔案

產生 Excel

Fatal error: Allowed memory size

指定欄位格式

Fatal error: Class ‘XMLWriter’ not found

串接 PayPal

開啟 IPN (交易狀態更新、即時付款通知)

自訂付款

IPN

驗證 IPN 是否屬實

REST API

輔助資源