31,404 total views, 101 views today

Google Firebase

Posted on 2019-06-28 by hoyo

相關後台管理網址

—

Database

新增、修改

1	curl -X PUT -d '{"alanisawesome": {"name": "Alan Turing","birthday": "June 23, 1912"}}' https://fbtest-d047e.firebaseio.com/rest/securing-data/example.json

在 Firebase 的後台可以即時看到以下結果

使用相同的路徑給於不同的 value 就會直接更新值

使用 jQuery

How to send a PUT/DELETE request in jQuery?

var Post = '{"alanisawesome": {"name": "Alan Turing","birthday": "June 23, 1912"}}';

$.ajax({

url: 'https://fbtest-d047e.firebaseio.com/rest/securing-data/example.json',

type: 'PUT',

data: Post,

success: function(data) { }

});

讀取

網頁前端

firebase.database().ref("/member/").limitToLast(3).on('child_added', function(data) {

//console.log(data.val());

var val = data.val();

console.log(val.name);

html = '<div class="message-container visible">' +

'<div class="spacing"><div class="pic" style="background-image: url('+ val.ImageUrl +');"></div></div>' +

'<div class="message">'+ val.message +'</div>' +

'<div class="name">'+ val.name +'</div>' +

'</div>';

var MessageList = $('#message-filler');

MessageList.append(html);

$('#messages').scrollTop( MessageList.prop("scrollHeight") );

});

使用 curl 指令

1	curl "https://fbtest-d047e.firebaseio.com/rest/securing-data/example.json"

1	{"alanisawesome":{"birthday":"June 23, 1922","name":"Alan Turing"}}

加上 ?print= 可以設定不同的輸出格式

1	curl 'https://fbtest-d047e.firebaseio.com/rest/securing-data/example.json?print=pretty'

{

"alanisawesome" : {

"birthday" : "June 23, 1922",

"name" : "Alan Turing"

}

—

刪除

API Reference

想要刪除 birthday 資料時，可以使用以下指令

1	curl -X DELETE https://fbtest-d047e.firebaseio.com/rest/securing-data/example/alanisawesome/birthday.json

—

Storage – 檔案儲存

開放全部使用者可

service firebase.storage {

match /b/fbtest-d047e.appspot.com/o {

match /{allPaths=**} {

allow read, write: if true == true;

}

最簡單的上傳範例

<!doctype html>

<head>

<title>Firebase</title>

</head>

<body>

</form>

// Initialize Firebase

var config = {

apiKey: "AIzaSyCfV0A1Q-Ln-evzUScnnq_kLedOB0BAl7Q",

authDomain: "fbtest-d047e.firebaseapp.com",

databaseURL: "https://fbtest-d047e.firebaseio.com",

storageBucket: "fbtest-d047e.appspot.com",

};

firebase.initializeApp(config);

// Get a reference to the storage service, which is used to create references in your storage bucket

function ss() {

var storage = firebase.storage();

var storageRef = firebase.storage().ref();

var metadata = {

contentType: 'image/jpeg',

};

var file = document.getElementById('mediaCapture').files[0];

// Upload the file and metadata

var uploadTask = storageRef.child('mountains.jpg').put(file, metadata);

uploadTask.on('state_changed', function(snapshot){

// Observe state change events such as progress, pause, and resume

// See below for more detail

}, function(error) {

// Handle unsuccessful uploads

}, function() {

// Handle successful uploads on complete

// For instance, get the download URL: https://firebasestorage.googleapis.com/...

var downloadURL = uploadTask.snapshot.downloadURL;

console.log(downloadURL);

});

}

</script>

</body>

</html>

—

Google 使用者認證

function Login() {

var provider = new firebase.auth.GoogleAuthProvider();

//provider.addScope('https://www.googleapis.com/auth/plus.login');

firebase.auth().signInWithPopup(provider).then(function (result) {

// This gives you a Google Access Token. You can use it to access the Google API.

var token = result.credential.accessToken;

// The signed-in user info.

user = result.user;

//console.log(user);

if ( user['uid'] ) {

$('#message-form').removeAttr('hidden');

$('#image-form').removeAttr('hidden');

$('#sign-out').removeAttr('hidden');

$('#sign-in').attr('hidden', '');

}

// ...

});

}

—

Google Firebase 後端支援

Pricing

—

檔案存儲

Google Bucket

在範例的設定內，有一個 storageBucket 儲存空間的選項，並不是讓你輸入 Firebase 的路徑或資料夾名稱的，必須要到 Google Cloud Platform 的 Storge 內取得 Bucket 完整路徑後填入，例如

1	storageBucket: "test-chat-f15dd.appspot.com",

—

307 total views, 3 views today

LINE – 貼圖、表情貼下載

Posted on 2019-06-13 by hoyo

除了私下使用之外，更重要的是套用在 BOT API 上，這樣對方使用貼圖時才有辦法知道貼什麼圖

LINE Sticker Download

—

貼圖、表情貼

https://sdl-stickershop.line.naver.jp/stickershop/v1/product/{packageId}/iphone/stickers@2x.zip

動態

https://sdl-stickershop.line.naver.jp/stickershop/v1/product/{packageId}/iphone/stickerpack@2x.zip

動態也可以用一般貼圖下載，就是缺少動態 PNG 和聲音檔

[message] => Array

(

[type] => sticker

[id] => 9819257408121

[stickerId] => 48135

[packageId] => 2000000

)

packageId 下載時替換的 id 網址
stickerId 解壓縮後的貼圖 id 以及檔名

—

178 total views, 2 views today

MySQL – 匯出、匯入

Posted on 2019-05-02 by hoyo

匯出資料庫

[教學] MariaDB/MySQL備份 – 如何匯出、匯入資料庫或表格

1	# mysqldump -u 使用者名稱 -p 資料庫名稱 > db.sql

—

使用 .sql 匯入資料庫

How to import an SQL file using the command line in MySQL?

1	# mysql -u username -p database_name < file.sql

—

使用 phpMyAdmin 匯入有 foreign key 的資料表處理方案

匯入 fk 資料表時，就算所有關聯資料表一起匯入也會因為順序不一致而發生

1	Cannot add or update a child row: a foreign key constraint fails

這個錯誤

從網站上可以查詢到必須設定 SET FOREIGN_KEY_CHECKS=0; ，但是使用 SQL 指令執行後再使用 SELECT @@FOREIGN_KEY_CHECKS; 查看會發現還是 1 ，也就是沒有被關閉

解決的方法是修改匯入 .sql 檔案，在最開頭加上 SET FOREIGN_KEY_CHECKS=0; 以及結尾加上 SET FOREIGN_KEY_CHECKS=1;

類似像這樣

SET FOREIGN_KEY_CHECKS=0;

-- 原來的 SQL 指令

SET FOREIGN_KEY_CHECKS=1;

—

使用 LOAD DATA 匯入 CSV 檔案

直接匯入 CSV 檔案到 MySQL 資料庫

—

實際範例

1	LOAD DATA LOCAL INFILE '/tmp/a.csv' INTO TABLE UserTemp FIELDS TERMINATED BY ',' ENCLOSED BY '\"' LINES TERMINATED BY '\r\n' IGNORE 1 LINES ( id, Name, position, `group`, recommend, IDNumber, Email, phone, city, province, JoinDate, ServerNo, status, status2 );

需要注意指令順序

—

效能

如果可以使用 LOAD DATA 一定會比使用程式拆解後逐筆插入快，五萬筆的匯入在小白 MacBook 上也只需不到 3 秒

mysql> LOAD DATA LOCAL INFILE '/tmp/b.csv' INTO TABLE UserTemp FIELDS TERMINATED BY ',' ENCLOSED BY '\"' LINES TERMINATED BY '\r\n' IGNORE 1 LINES ( id, Name, position, `group`, recommend, IDNumber, Email, phone, city, province, JoinDate, ServerNo, status, status2 );

Query OK, 57378 rows affected, 3 warnings (2.75 sec)

Records: 57378 Deleted: 0 Skipped: 0 Warnings: 0

—

ERROR 1045 (28000): Access denied for user ‘XXXXX’@’%’ (using password: YES)

access denied for load data infile in MySQL

將 LOAD DATA INFILE 改成 LOAD DATA LOCAL INFILE

—

540 total views, no views today

.htaccess 轉址

Posted on 2019-04-19 by hoyo

—

404 轉到某一頁

1 2	RewriteEngine on ErrorDocument 404 https://www.oikid.com

—

轉到 HTTPS://

RewriteEngine on

RewriteCond %{SERVER_PORT} !^443$

RewriteRule ^(.*)?$ https://%{SERVER_NAME}/$1 [L,R]

—

將 A 網站的網頁對應到 B 網站的同一網頁

1 2	RewriteEngine on RewriteRule ^.*$ https://www.b.com%{REQUEST_URI} [L,R]

—

RewriteCond 建立條件

RewriteCond 可以先對網址分析，符合條件才進行處理

Redirect non-www to www in .htaccess

1 2	RewriteCond %{HTTP_HOST} ^hoyo.idv.tw$ [NC] RewriteRule (.*) https://www.hoyo.idv.tw/$1 [R=301,L]

—

Log

紀錄 Log 設定只能寫在 httpd.conf 內，不是寫在 .htaccess

Log 只在作用時紀錄，500 錯誤的設定是沒有紀錄的，意思就是還是要靠自己用猜的除錯

ServerName hoyo.idv.tw

DocumentRoot /WEBSite/www/WWW

RewriteLogLevel 3

RewriteLog "/var/log/httpd/htaccess.log"

AllowOverride All

</Directory>

</VirtualHost>

—

191 total views, 4 views today

Postfix 使用 MySQL 資料庫虛擬使用者 – 2. mysql:/etc/postfix/mysql-virtual-maps.cf

Posted on 2019-04-18 by hoyo

雖然使用 virtual_mailbox_maps = /etc/postfix/virtual 對應到一個文字檔案管理帳號資訊，確實可以減少新增維護實體本機帳號的工作以及避免不必要的資安問題，不過人都是不滿足的，每次都要先 vi 一下再 postmap 實在是太麻煩了，有更方便的方式嗎？

不妨試試使用 MySQL 資料庫來管理帳號 …

—

參考

轉換為 MySQL 資料庫當作使用者帳號是以 Postfix 使用虛擬使用者 – 1. /etc/postfix/virtual 基礎來修改，所以請從頭實做

—

MySQL 資料庫的準備

使用者帳號資料表

CREATE TABLE `UserAlias` (

`id` int(11) NOT NULL COMMENT '主鍵',

`Create_Time` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '建立時間',

`LifeTime` datetime NOT NULL,

`Session_id` varchar(100) NOT NULL,

`Email` varchar(200) NOT NULL,

`MailBox` varchar(100) NOT NULL,

`Password` char(40) NOT NULL,

`SpaceLimit` int(11) NOT NULL DEFAULT '10485760' COMMENT '空間限制',

`SentLimit` int(11) NOT NULL DEFAULT '3' COMMENT '每日寄信限制',

`is_Active` enum('Y','N') NOT NULL DEFAULT 'Y'

) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='--使用者帳號^';

信件資料表

CREATE TABLE `Inbox` (

`id` int(11) NOT NULL COMMENT '主鍵',

`Create_Time` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '建立時間',

`Source` mediumtext NOT NULL,

`message_id` varchar(255) NOT NULL,

`To` varchar(255) NOT NULL,

`From` varchar(512) NOT NULL,

`FromName` varchar(100) NOT NULL,

`FromEmail` varchar(200) NOT NULL,

`Subject` text NOT NULL,

`ContentTEXT` mediumtext NOT NULL,

`ContentHTML` mediumtext NOT NULL,

`is_Read` enum('Y','N') NOT NULL DEFAULT 'N' COMMENT '是否讀取信件',

`is_Del` enum('Y','N') CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL DEFAULT 'N' COMMENT '是否刪除'

) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='--收件匣^';

附件資料表

CREATE TABLE `Attachment` (

`id` int(11) NOT NULL COMMENT '主鍵',

`Create_Time` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '建立時間',

`Inbox_id` int(11) NOT NULL,

`Filename` varchar(1024) NOT NULL,

`SubName` varchar(10) NOT NULL,

`FilePath` varchar(100) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='附件';

—

Postfix 設定

vi /etc/postfix/main.cf

# vi /etc/postfix/main.cf

#virtual_mailbox_maps = hash:/etc/postfix/virtual

virtual_mailbox_maps = mysql:/etc/postfix/mysql-aliases.cf

vi /etc/postfix/mysql-virtual-maps.cf

# vi /etc/postfix/mysql-virtual-maps.cf

user = Postfix

password = Postfix

dbname = Postfix

query = SELECT '%d/%u/' FROM `UserAlias` WHERE Email='%s' AND is_Active='Y'

重新啟動 postfix

CentOS 7

1	# systemctl restart postfix

CentOS 6

1	# postfix reload

使用 postfix reload 可以直接看到回傳訊息

—

測試是否可取得值，以及是取到什麼值？

1 2	# postmap -q aaa@mail.mj-app.com.tw mysql:/etc/postfix/mysql-virtual-maps.cf mail.mj-app.com.tw/aaa/

—

CentOS 6: postfix/smtpd: warning: connect to mysql server localhost: Can’t connect to local MySQL server through socket ‘/var/lib/mysql/mysql.sock’ (2)

修改 /etc/postfix/mysql-virtual-maps.cf 增加 hosts 的參數並且輸入連接的位址

# vi /etc/postfix/mysql-virtual-maps.cf

user = Postfix

password = Postfix

dbname = Postfix

hosts = 127.0.0.1

query = SELECT '%d/%u/' FROM UserAlias WHERE Email='%s' AND is_Active='Y';

—

99 total views, 1 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

)

—

86 total views, no views today

hoyo 學習紀錄

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

Google Firebase

Database

使用 jQuery

刪除

Storage – 檔案儲存

Google 使用者認證

Google Firebase 後端支援

檔案存儲

LINE – 貼圖、表情貼下載

MySQL – 匯出、匯入

匯出資料庫

使用 .sql 匯入資料庫

使用 phpMyAdmin 匯入有 foreign key 的資料表處理方案

實際範例

效能

ERROR 1045 (28000): Access denied for user ‘XXXXX’@’%’ (using password: YES)

.htaccess 轉址

404 轉到某一頁

轉到 HTTPS://

將 A 網站的網頁對應到 B 網站的同一網頁

RewriteCond 建立條件

Log

Postfix 使用 MySQL 資料庫虛擬使用者 – 2. mysql:/etc/postfix/mysql-virtual-maps.cf

參考

MySQL 資料庫的準備

Postfix 設定

測試是否可取得值，以及是取到什麼值？

CentOS 6: postfix/smtpd: warning: connect to mysql server localhost: Can’t connect to local MySQL server through socket ‘/var/lib/mysql/mysql.sock’ (2)

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

露天範例

臉書評分範例