43,978 total views, 373 views today

Google – 結構化資料 (application/ld+json)

Posted on 2019-04-16 by hoyo

【教學】教你如何使用 Google Search 結構化資料

Google 搜尋結果這些附加資訊是如何產生的？

—

露天範例

{

"@context": "http://schema.org/",

"@type": "Product",

"name": "Toshiba L750 筆電",

"image": "https://img.ruten.com.tw/s1/8/06/b3/99999.jpg",

"description": "直購價：4,500元。物品狀態：xxxxx",

"productId": "99999",

"brand": {

"@type": "xxx",

"name": "xxxxx"

"offers": {

"@type": "Offer",

"priceCurrency": "TWD",

"price": "4500",

"availability": "http://schema.org/InStock"

}

</script>

—

臉書評分範例

decode

(

[@context] => http://schema.org

[@type] => LocalBusiness

[name] => 台南蔡虱目魚專賣（小北總店）

[address] => stdClass Object

(

[@type] => PostalAddress

[streetAddress] => 西門路四段236號

[addressLocality] => 台南市

[addressRegion] => Tainan

[postalCode] => 704

)

[aggregateRating] => stdClass Object

(

[@type] => AggregateRating

[ratingValue] => 4.3

[ratingCount] => 34

)

—

128 total views, 7 views today

MySQL – /etc/my.cnf

Posted on 2019-04-08 by hoyo

設定時區

1 2	[mysqld] default-time-zone = '+8:00'

—

最大連線數

1 2	[mysqld] max_connections=1024

重新啟動 MySQL 後使用 SQL 指令查詢是否生效

1	SHOW GLOBAL VARIABLES LIKE '%max_connecti%'

—

CentOS 7 + MySQL 5.6 max_connections 214 問題

Hoyo 只修改了 mysqld.service 即可讓「數字正常」，沒有修改系統 Open File Limit 是否有影響需要後續觀察

# vi /usr/lib/systemd/system/mysqld.service

[Service]

LimitNOFILE=65535

LimitNPROC=65535

# systemctl daemon-reload

# systemctl restart mysqld.service

—

開啟 log

開啟 general-log 功能可以紀錄 MySQL 所有執行的 SQL 指令，

1	show variables like 'log';

編輯 my.cnf

[mysqld]

general-log = 1 # 打開 General Log

log_output=TABLE # 將 Log 儲存在 mysql 資料庫內的 general_log 資料表內

使用 SQL 指令修改 Log 狀態

1	SET GLOBAL general_log = 'ON';

—

修改語系為 UTF8

[mysqld]

init-connect = 'SET NAMES utf8'

character-set-server = utf8

collation-server = utf8_unicode_ci

[client]

default-character-set=utf8

character-set-server = utf8 → collation_server : utf8_general_ci
collation-server = utf8_unicode_ci → collation_server : utf8_unicode_ci

—

將 SQL mode 移除預設嚴格模式

1 2	[mysqld] sql_mode=

—

InnoDB 如何分區區分檔案

vi /etc/my.cnf

[mysqld]

innodb_file_per_table=1

—

常駐 IP

1 2	[mysqld] bind-address = 0.0.0.0

—

修改 wait_timeout

MySQL中的配置参数interactive_timeout和wait_timeout(可能导致过多sleep进程的两个参数)

[mysqld]

wait_timeout = 600

interactive_timeout = 600

—

210 total views, 3 views today

phpQuery – 讓 PHP 內的 HTML 消失

Posted on 2019-04-08 by hoyo

參考資源

phpquery

—

如果你以後不想寫像下面這種 HTML, PHP 混在一起的爛程式，請繼續往下看，否則可以關掉網頁了

以下是一個判斷是否有登入會員之後顯示不同內容的網頁

<html>

<body>

<?php

if ( $_SESSION['Login'] !='Y' ) {

<?php

}

else {

<hr/>

<?php

}

</body>

</html>

—

將所有內容設計在前端 HTML 內

為了讓 PHP 滾出 HTML，這裡不使用其他 PHP 模板，因為那只是另一種混用的方式，而且模板不同語法還不同又產生了新的問題

直接讓前端設計一個可以切換顯示結果的機制，然後將切換的方式交給 PHP 即可，例如以下的切換 class 顯示控制方式

使用 class=”Login” 判斷是登入才可以顯示內容；class=”Logout” 是未登入顯示內容，未登入時將所有已登入內容移除，登入後反之

<html>

<head>

</head>

<body>

<div class="Login">{{UserName}}</div>

$('.Login').remove();

</script>

</body>

</html>

只要控制 remove() 對象即可切換是否登入會員內容，接下來就是將 jQuery 的動作交給 phpQuery 來做

—

讓 PHP 控制 DOM

以上面的例子為例，可以移除底下的 JavaScript 控制，準備讓 PHP 來做相同的事情

<html>

<body>

<div class="Login">{{UserName}}</div>

</body>

</html>

PHP 代碼

將 HTML 讀入之後，根據 session 結果套用和 jQuery 對應功能

<?php

require_once '/www/phpQuery-onefile.php';

$html = file_get_contents('/www/index.html');

$html = str_replace('{{webRoot}}', webRoot, $html);

$dom = phpQuery::newDocumentHTML($html);

// 已登入

if ( $_SESSION['Login'] =='Y' ){

$dom->find('.Logout')->remove();

$dom = str_replace('{{UserName}}', 'Hoyo', $dom);

}

// 未登入

else{

$dom->find('.Login')->remove();

}

echo $dom;

使用 phpQuery 即可讓前端 HTML 擁有完全控制網頁輸出內容的能力

—

117 total views, 1 views today

全景相機 – 1. 580 買一台

Posted on 2019-04-03 by hoyo

為了可以紀錄遊樂園遊玩，因為高空刺激以及會碰到水，所以 Hoyo 需要一個不妨礙遊玩以及防水的攝影機

先說結論 Hoyo 買了這個：全新技嘉原廠360度環景攝影機JOLT DUO 全套(主機+戶外組+生活組) (NT1480)

雖然技嘉這個產品的生產公司已經結束營業，不過賣場店家支持 30 天保固，這個價格想成買配件送攝影機就很爽了

—

優點，以 Hoyo 買的組合說明

便宜，買配件送攝影機
可邊充電邊錄
防水

缺點

全景所需要的錄影解析度不夠，不過關係影片清不清楚和解析度的關係也不是絕對
不能接電腦直播
最大支援 32 GB記憶卡 (5 小時錄影) 長時間需要多準備 SD 卡

想要解決以上缺點在現在 (2019.4) 可以花 15 倍的價格買「RICOH THETA V 4K 360°王者夜拍機 + TW-1 防水機殼」

—

APP 的作用

APP 只有一個實用的作用：WiFi 拍照

全景相機不需要看構圖，只要確定主要對象是面對鏡頭不是面對攝影機的側面即可

魚眼畫面轉全景在電腦上處理

—

公版產品

GIGABYTE Jolt Duo 360
EleCam360 / MGCool Cam 360
PANOVIEW 360
OKAA Sport 360 Camera
Safari 360
Zetronix 360
ACME VR30 Full HD camera
Kaiser Baas X360
GoXtreme Full Dome 360°

以上都是相同產品只是品牌不同，所以說明資訊、APP、電腦版軟體皆可共用

—

WiFi 及 APP

預設密碼 1234567890

—

想要自己魚眼轉全景

https://groups.google.com/forum/#!topic/hugin-ptx/a9HP3-tzn2o
gear360pano
dualfisheye2equirectangular_ffmpeg_remap
https://moonagic.com/dualfisheye-to-equirectangular/
dualfisheye2equirectangular (FFmpeg 需要 3.1 以上版本)

—

下次主題

全景相機 – 2. 照片全景照片如何在瀏覽器上觀看

—

155 total views, 3 views today

LINE Messaging API – LINE 對話機器人

Posted on 2019-03-24 by hoyo

參考資源

—

沒有程式的生活圈是什麼樣的？

簡單說就只是「沒有程式自動化」，也就是沒有機器人自動回答，可以一對一客服也可以發訊息給全部好友

換句話說，如果想要讓客戶自行輸入關鍵字即可得到資訊就需要使用 API，需要切換到何種方案就需要看進一步的需求

—

名詞釋疑

生活圈 LINE@ 從 https://at.line.me/tw/ 建立的叫做生活圈，後台是 https://admin-official.line.me

生活圈 LINE@ 建立的稱作「帳號」，LINE Developers 建立的叫做 channel

使用生活圈必須另外在手機上下載使用另一個 LINE@ 的 APP 來管理 LINE 生活圈，生活圈的管理是無法從網頁後台或是 LINE 去操作的

—

Hoyo 提供線上工具

LINE 發送測試 – LINEPush

—

費用

// todo 需要更新資訊

—

流程、步驟

從 LINE Developers 加入開發者
新增時選擇「Messaging API」
Plan → Developer Trial
新增後再次選擇設定
1. Channel access token : 產生 API 發送使用 access token
2. Use webhooks : Enabled
3. Webhook URL : 接受 LINE 訊息的網址
分享 QRCode 加入 LINE 機器人

—

Webhook URL – 接收訊息的 Reply.php

<?php

$content = file_get_contents('php://input');

$json = json_decode($content, true);

Array

(

[events] => Array

(

[0] => Array

(

[type] => message

[replyToken] => 774ac5a25e364a27baadc02cb4b85d3b

[source] => Array

(

[userId] => Ub6f482e797e6b2dd51916f82317c6852

[type] => user

)

[timestamp] => 1549076498796

[message] => Array

(

[type] => text

[id] => 9285802797745

[text] => Jjj

)

[destination] => Ue1a6a9ecfd1fa5147f94093b2995a511

)

—

接收 LINE 的訊息

收到的訊息是 JSON 格式，大概長這樣

1	{"events":[{"type":"message","replyToken":"abf341d141ea4d4c94cd510871163f84","source":{"userId":"Uc5629999999999999999999c88ed8","type":"user"},"timestamp":1535249611645,"message":{"type":"text","id":"8475560626630","text":"..."}}]}

比較容易看的格式

Array

(

[events] => Array

(

[0] => Array

(

[type] => message

[replyToken] => 65bc479f0e964d99979214d4a9056613

[source] => Array

(

[userId] => Uc5629999999999999999999c88ed8

[type] => user

)

[timestamp] => 1535250117828

[message] => Array

(

[type] => text

[id] => 8475588288350

[text] => ...

)

—

Reply 一問一答的 LINE 機器人

—

群發

Messaging API reference – Send multicast messages

curl -v -X POST https://api.line.me/v2/bot/message/multicast \

-H 'Content-Type:application/json' \

-H 'Authorization: Bearer {channel access token}' \

-d '{

"to": ["U4af4980629...","U0c229f96c4..."],

"messages":[

{

"type":"text",

"text":"Hello, world1"

{

"type":"text",

"text":"Hello, world2"

}

]

—

發送 – 圖檔

Image message

'to' => array('user1', 'user2', ...),

'messages' => [

[

'type' => 'image',

'originalContentUrl' => 'https://hoyo.idv.tw/line.jpg',

'previewImageUrl' => 'https://hoyo.idv.tw/line.jpg'

]

—

發送 – 視頻

Video message

官方文件說有影片以及預覽圖大小限制，實際上因為檔案放在自己主機上，所以並無限制

'to' => array('user1', 'user2', ...),

'messages' => [

[

'type' => 'video',

'originalContentUrl' => 'https://hoyo.idv.tw/line.mp4',

'previewImageUrl' => 'https://hoyo.idv.tw/line.jpg'

]

—

發送 – 音頻

Audio message

'to' => array('user1', 'user2', ...),

'messages' => [

[

'type' => 'audio',

'originalContentUrl' => 'https://hoyo.idv.tw/line.mp4',

'duration' => 10000

]

duration 單位為千分之一毫秒，只和顯示播放倒數有關，音頻有多長還是播多長

—

取得使用者資訊

Messaging API reference – Get profile

1 2	curl -v -X GET https://api.line.me/v2/bot/profile/{userId} \ -H 'Authorization: Bearer {channel access token}'

PHP

回傳 JSON

{

<span style="color: #333333; font-family: Consolas, Monaco, monospace; font-style: normal; line-height: 1.5;"> "userId":"U4af4980629...",

</span> "displayName":"LINE taro",

"pictureUrl":"http://obs.line-apps.com/...",

"statusMessage":"Hello, LINE!"

}

—

使用 LINE@ 後台

LINE@Manager

官方後台的訊息發送並不是立即， 2019-3-24 實測時有 3 分鐘的延遲，加入好友且已可接收訊息也沒有更新好友數

—

各種接收到的 Json

加入

Array

(

[events] => Array

(

[0] => Array

(

[type] => follow

[replyToken] => 292412474b244a969141b9eae2d5fdf2

[source] => Array

(

[userId] => Ub6f482e797e6b2dd51916f82317c6852

[type] => user

)

[timestamp] => 1557142887582

)

[destination] => U533b39b605394f172e618c9664f6199d

)

退出 (隱藏後刪除)

Array

(

[events] => Array

(

[0] => Array

(

[type] => unfollow

[source] => Array

(

[userId] => Ub6f482e797e6b2dd51916f82317c6852

[type] => user

)

[timestamp] => 1557142871168

)

[destination] => U533b39b605394f172e618c9664f6199d

)

文字訊息

Array

(

[events] => Array

(

[0] => Array

(

[type] => message

[replyToken] => 883e02438b034a92bc7d7dc8cca7e563

[source] => Array

(

[userId] => Ub6f482e797e6b2dd51916f82317c6852

[type] => user

)

[timestamp] => 1557156332815

[message] => Array

(

[type] => text

[id] => 9819169068594

[text] => 333

)

[destination] => U533b39b605394f172e618c9664f6199d

)

表情貼

Array

(

[events] => Array

(

[0] => Array

(

[type] => message

[replyToken] => 79f3c0f0fda9497c818396b174b46958

[source] => Array

(

[userId] => Ub6f482e797e6b2dd51916f82317c6852

[type] => user

)

[timestamp] => 1557157644171

[message] => Array

(

[type] => sticker

[id] => 9819257408121

[stickerId] => 48135

[packageId] => 2000000

)

[destination] => U533b39b605394f172e618c9664f6199d

)

貼圖

Array

(

[events] => Array

(

[0] => Array

(

[type] => message

[replyToken] => 1de46282b6c64322be8b89b571fffe66

[source] => Array

(

[userId] => Ub6f482e797e6b2dd51916f82317c6852

[type] => user

)

[timestamp] => 1557157662262

[message] => Array

(

[type] => sticker

[id] => 9819258559387

[stickerId] => 12881334

[packageId] => 1319240

)

[destination] => U533b39b605394f172e618c9664f6199d

)

圖檔

Array

(

[events] => Array

(

[0] => Array

(

[type] => message

[replyToken] => 915eb2f10a1d4f8b8e2430bbd6c9696b

[source] => Array

(

[userId] => Ub6f482e797e6b2dd51916f82317c6852

[type] => user

)

[timestamp] => 1557160096892

[message] => Array

(

[type] => image

[id] => 9819400393369

[contentProvider] => Array

(

[type] => line

)

[destination] => U533b39b605394f172e618c9664f6199d

)

影片

Array

(

[events] => Array

(

[0] => Array

(

[type] => message

[replyToken] => d116c4c39c6a4369bd15525b3f4f97c2

[source] => Array

(

[userId] => Ub6f482e797e6b2dd51916f82317c6852

[type] => user

)

[timestamp] => 1557160527665

[message] => Array

(

[type] => video

[id] => 9819423462427

[contentProvider] => Array

(

[type] => line

)

[duration] => 197400

)

[destination] => U533b39b605394f172e618c9664f6199d

)

—

取得圖、影音檔案內容

Get content

必須使用和 message 相同的 bot 才可以取得內容

https://api.line.me/v2/bot/message/{messageId}/content

—

顯示貼圖、表情貼

LINE – 貼圖、表情貼下載

—

1,490 total views, 29 views today

Photoshop – 底片掃描後修圖

Posted on 2019-03-19 by hoyo

家裡有一堆傳統照片，為了可以在網路觀看，之前抽空將所有底片都用掃描器先掃描了，本來想說現在時代很進步掃描後修圖一定可以比掃照片更漂亮，誰知道一切都是 Hoyo 想多了

根據 mobile01 cd5438 大大的說法是色版失調的情況，實際從底片掃描出來的圖檔也是如此，例如下面這張

可以看出各色版的分佈都很集中，一般的調色的技巧都無效，參考網路上的資源之後被 Hoyo 亂猜到了破解的方法

—

參考資源

—

成果

底片掃描先轉正片 (Ctrl + I)

調色後

—

步驟

影像 → 套用影像，選擇綠版的「濾色」混合

如此會得到一張顏色更淡的圖像

將下來將各色版的範圍拉到有資料的部份

等 RGB 三色版的色階都拉完之後顏色就已經很正常了，最後補一個「符合顏色」的「中和」就大功告成了

—

結論

不能搞批次處理，必須一張一張處理，上千張要處理到什麼時候 ….

(RGB 中0.54, 自動色彩)

—

請勿使用手機當作燈箱 (光源提供)

因為「像素」問題，廢話不多說看圖

—

205 total views, 1 views today