快速針對 WordPress 的 wpdb 進行debug

直接貼入程式碼使用即可

<?php
// Print last SQL query string
echo 'Last Query : ' . $wpdb->last_query . '<br>';
// Print last SQL query result
echo 'Last Result : ';
var_dump( $wpdb->last_result );
// Print last SQL query error
echo 'Last Error : ' . $wpdb->last_error . '<br>';
?>

指定單一資料夾權限給WebFaction的新SSH使用者

因為客戶Host在WebFaction上,而我們的WebFaction也有其他客戶共用,所以不能讓他的FTP有太多權限,如果只在WebFaction的Panel上增加SSH使用者,他的權限可以大到能瀏覽整個Project List及裡面的檔案,為了隱私權我們只好透過SSH調整一下在主機上的使用者權限

我們假設新使用者名稱為 new_user_001

1. 透過Terminal連線到WebFaction,使用最高權限帳號

2. 先開放整個HOME給新使用者

setfacl -m u:new_user_001:--x $HOME

3. 移除webapps底下所有檔案的權限

setfacl -m u:new_user_001:--- $HOME/webapps/* 

**注意:這邊的語法僅適用目前Host已存在的專案,若日後有新增專案,這個指令要再做一次!
**或者也可以針對新專案更改權限設定:

setfacl -m u:new_user_001:--- $HOME/webapps/新專案名稱

4. 給予指定資料夾 讀取/寫入/執行 的權限

setfacl -R -m u:new_user_001:rwx $HOME/webapps/專案名稱

5. 給予指定資料夾在未來有新增檔案時的 讀取/寫入/執行 的權限

setfacl -R -m d:u:new_user_001:rwx $HOME/webapps/專案名稱

6. 為現在登入的最高權限者,給予指定資料夾 group owner 權限

chmod g+s $HOME/webapps/專案名稱

7. 為現在登入的最高權限者,給予指定資料夾所有權限

setfacl -R -m d:u:目前登入的最高權限使用者:rwx $HOME/webapps/專案名稱

———參考文獻———-
[1] General Topics (Granting Access to Specific Users) – https://docs.webfaction.com/software/general.html#granting-access-to-specific-users

[2] 第十三章、Linux 帳號管理與 ACL 權限設定 (13.3.1 什麼是 ACL 與如何支援啟動 ACL) – http://linux.vbird.org/linux_basic/0410accountmanager.php#acl_talk

透過 FileZilla 存取 Google Cloud Platform 主機

想從 FileZilla 存取 Google Cloud Platform 上的 instance,只需要 Generate SSH Key 即可!

進 Terminal,使用者帳號即可,此時不需切換本地端 root

Step 1. 安裝Google Cloud SDK

安裝

curl https://sdk.cloud.google.com | bash

全部預設位置即可

重開 Terminal

exec -l $SHELL

初始化Google Cloud SDK

gcloud init

輸入預設project ID(不是數字那個)
接下來他會要求你clone default project,不需要,除非你想在本地端config

Step 2. Generate SSH Key

注意這邊需要切換 Google Cloud Platform 上 instance 的 root!

$ gcloud compute ssh [email protected]

這樣產生的key才能full access directory

Step 3. 在 FileZilla 新增 SSH Key

Edit->Settings or FileZilla->Settings,找 SFTP 頁面
選 Add keyfile
然後,因為預設產生的key位置在.ssh,是隱藏檔,要手動導向隱藏頁面
command-shift-G,輸入~/.ssh
選擇非public key
然後自己新增站台,帳號輸入root,免密碼,大功告成!

——————————參考文獻——————————
[1] Transferring files to your hosting server on Compute Engine – https://cloud.google.com/compute/docs/tutorials/transfer-files

如何帥氣的使用Sublime Text 3

st3
這是我目前的開發環境XD

其實我剛開始進入前端領域時是相當不習慣的,第一次做網頁是用Dreamweaver,直接用編輯器寫網頁對我來說真的很困難,但是經過了四個月的時間,現在打開Dreamweaver反而不會用了。好吧,今天我來分享一下幾個讓自己寫程式時看起來比較帥的好東西。

1. Package Control

相關網址:https://packagecontrol.io/

為了讓Sublime Text可以用快速的方法裝上外掛,一定要把Package Control裝起來
(2016-09-25更新:從Sublime Text 3124開始,安裝後會有一鍵安裝Package Control的功能)

如果需要手動安裝,請參考安裝說明:
https://packagecontrol.io/installation

2. HTML-CSS-JS Prettify

相關網址:https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify

這東西很好用,有時拿到別人亂糟糟的code或是自己不小心寫code沒在排版的,超方便的一鍵排版外掛就是這個拉!不管是html、css、js檔都可以幫你排的票漂亮亮喔!在安裝這個外掛前,電腦裡要先裝好Node.js,然後就直接用Package Control尋找外掛:

  • 在Sublime Text裡鍵入 Ctrl+Shift+P 或 Cmd+Shift+P 叫出Package Control
  • 輸入 install, 選擇 Package Control: Install Package
  • 輸入 prettify, 選擇 HTML-CSS-JS Prettify

3. Color Highlighter

相關網址:https://packagecontrol.io/packages/Color%20Highlighter

這個外掛可以直接在編輯器裡顯示出色碼對應的顏色,算是輔助型工具,我會搭配Sip來用。

4. 佈景主題相關

Material Theme

相關網址:https://packagecontrol.io/packages/Material%20Theme

這個是我今年使用的佈景主題,因為Seti UI壞掉惹所以才換,但是在Search模式時按鈕會怪怪的,只要下方區塊有彈出其他功能,按鈕有時會出現bug。

Theme – Brogrammer

相關網址:https://packagecontrol.io/packages/Theme%20-%20Brogrammer

這個是根據下載量推薦才裝的,感覺還可以,我裝只是以防Material的按鈕bug

Seti_UI

相關網址:https://packagecontrol.io/packages/Seti_UI

其實預設的Sublime Text佈景主題就還蠻耐看的了,但是這次介紹的Seti_UI可是連檔案圖示都很精美喔!
(2016-09-25更新:已經沒在用這主題了,但還是先留著)

  • 在Sublime Text裡鍵入 Ctrl+Shift+P 或 Cmd+Shift+P 叫出Package Control
  • 輸入 install, 選擇 Package Control: Install Package
  • 輸入 seti, 選擇 Seti_UI

安裝完成之後記得在個人設定那邊導入這個佈景主題:

選單 Preferences -> Settings – User

{
  "theme": "Seti.sublime-theme",
}

其實他還有一些layout設定可以調整,就自己去官網找範例囉!

解決WordPress改網址後圖片出不來的問題

最近在做網站時,都是在host以測試網址先架好wordpress,資料也都上架後才買網址然後更換,就會有很多文章的圖片無法正常顯示,因為主要網址已經換掉了,即使在wordpress後台設定改了網址,也只會影響到wordpress預設欄位的網址,很多theme的post meta不會自動更新網址,只好手動去phpMyAdmin敲一些SQL指令了:

在SQL指令那邊複製貼上以下文字(記得把網址換成自己的來源與目標網址)

1
2
3
4
UPDATE wp_options SET option_value = replace(option_value, 'http://舊網址', 'http://新網址') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://舊網址','http://新網址');
UPDATE wp_posts SET post_content = replace(post_content, 'http://舊網址', 'http://新網址');
UPDATE wp_postmeta SET meta_value = replace(meta_value,'http://舊網址','http://新網址');

Chrome 新版的書籤管理員好難用 之 取消方法

Chrome 新版書籤

最近突然發現,Chrome加入書籤的方式改變了,原本滿懷期待的進入書籤管理員想一探究竟,沒想到是悲劇的開始…

以前習慣先把書籤全部塞到”其他書籤”裡,滿到一個程度之後才開始移動、分類,新版的書籤系統無法進入”其他書籤”資料夾,而且也沒有”尚未分類的書籤”這個選項,也就是說不管我分類了沒,一次只能顯示全部的書籤,不知道該怎麼管理…

這時腦中突然想到Google Labs這個單字,馬上在網址輸入以下指令:

chrome://flags/

Chrome Flags

搜尋關鍵字”bookmarks”,應該是第二個搜尋結果,把”啟用強化書籤”選成[已停用]

強化書籤

之後最下方會提醒使用者重啟瀏覽器,這奇怪的書籤管理員就暫時不會來煩你拉~

但是不知道哪一天他會變成強制的新功能就是了…也許花一點時間來適應他比較實際一點。

Ubuntu 14.04 安裝Apache, MySQL, PHP (LAMP) + WordPress 權限設定

Step 1 : Apache

安裝前請先sudo apt-get update
其他就不多說了,直接裝吧

sudo apt-get update
sudo apt-get install apache2

Step 2 : MySQL

安裝指令

sudo apt-get install mysql-server php5-mysql

設定安全性

sudo mysql_install_db
sudo mysql_secure_installation

Step 3 : PHP

安裝指令

sudo apt-get install php5 libapache2-mod-php5 php5-mcrypt

修改一下路徑設定檔

sudo nano /etc/apache2/mods-enabled/dir.conf

裡面原本長這樣

<IfModule mod_dir.c>
    DirectoryIndex index.html index.cgi index.pl index.php index.xhtml index.htm
</IfModule>

現在要把index.php往前移

<IfModule mod_dir.c>
    DirectoryIndex index.php index.html index.cgi index.pl index.xhtml index.htm
</IfModule>

重啟Apache

sudo service apache2 restart

權限要先設定

設定apache2成爲自己設定之資料夾的group owner,同時也是owner

sudo chown -R www-data:www-data /home/my_user_name/my_path

把自己加進www-data的group裡面

sudo usermod -a -G www-data my_user_name

把www-data列爲最高group priority

sudo usermod -g www-data my_user_name

(以下是附贈的,斟酌使用)
把user踢出group,注意要先把group priority設成別的

sudo deluser

顯示目前group

groups my_user_name

更改資料夾權限

sudo chmod -R 775 /home/my_user_name/my_path

Step 4 : phpMyAdmin

自行下載並安裝phpMyAdmin比較好控制,現在載好的版本感覺是不用調整參數,預設cookie

參照以下網址(跟本沒動過阿XD)
paste.plurk.com/show/2081776

要自己重新設定的話,網址如下
/phpmyadmin/setup/index.php

Step 5 : 目錄更改

接下來要做的事情是,把根目錄改成自己的指定路徑:

sudo nano /etc/apache2/sites-available/000-default.conf

DocumentRoot /var/www/html

改成

DocumentRoot /home/my_user_name/my_path

注意不可以使用 ~/ 作爲home directory的簡寫

sudo service apache2 restart

修改 apache2.conf

sudo nano /etc/apache2/apache2.conf

新增

<Directory /path/to/another/directory>
    Options Indexes FollowSymLinks Includes ExecCGI
    AllowOverride All
    Require all granted
    Allow from all
</Directory>

重啓apache

sudo service apache2 restart

—參考文獻
[1] How To Install Linux, Apache, MySQL, PHP (LAMP) stack on Ubuntu 14.04 – https://www.digitalocean.com/community/tutorials/how-to-install-linux-apache-mysql-php-lamp-stack-on-ubuntu-14-04
[2] Where to place my local website starting with the 2.4.7 version of apache2? – http://askubuntu.com/questions/448944/where-to-place-my-local-website-starting-with-the-2-4-7-version-of-apache2
[3] Apache can’t access folders in my home directory – http://askubuntu.com/questions/325498/apache-cant-access-folders-in-my-home-directory
[4] How to give apache2 permission to write and read files? – http://askubuntu.com/questions/246437/how-to-give-apache2-permission-to-write-and-read-files
[5] How To Install and Secure phpMyAdmin on Ubuntu 12.04 – https://www.digitalocean.com/community/tutorials/how-to-install-and-secure-phpmyadmin-on-ubuntu-12-04
[6] Howto: Linux Add User To Group – http://www.cyberciti.biz/faq/howto-linux-add-user-to-group/
[7] Permissions issue: how can Apache access files in my Home directory? – http://askubuntu.com/questions/26848/permissions-issue-how-can-apache-access-files-in-my-home-directory
[8] Enable Userdir – http://www.server-world.info/en/note?os=Ubuntu_14.04&p=httpd&f=5
[9] phpMyAdmin sample configuration – http://paste.plurk.com/show/2081776/

OS X 10.10 Yosemite 安裝Apache,PHP,MySQL,phpMyAdmin

對於一個通勤上班的人來說,11吋的MacBook Air真的是首選,為了工作需求,我必須在OS X上裝好網頁伺服器的功能,但是第一次安裝就把整個Apache給炸了,因為我更新了Yosemite但是參考的網頁是Mavericks…嘖嘖 這次是第二次在Yosemite架設,終於成功了,也比那些XAMPP、MAMP等好用太多,因為別人幫你裝好的東西,權限都不知道設去哪了

Step 1 : Apache

其實很簡單的一句話就可以打開Apache了,快點打開終端機(以下稱之Terminal) 開啟

sudo apachectl start

停止

sudo apachectl stop

重啟

sudo apachectl restart

如果有正確開啟Apache,在瀏覽器輸入 http://localhost 就會出現“It works!”的字樣喔! 一般來說,Apache會指定系統預設的資料夾來作為網站的根目錄:

/Library/WebServer/Documents/

我們可以直接在這個資料夾放我們想要放的網頁,甚至加個替身在桌面以利存取 但是!你會常常被系統問密碼,因為這個資料夾算是在System Level底下的 總不能為了這樣子把密碼取消吧! 所以我們可以改用User Level底下的根目錄 只要簡單的在家目錄底下(就是個人帳號資料夾)新增“Sites”資料夾即可,他就是預設被隱藏的個人根目錄資料夾,建立資料夾後他會自動有一個自己的圖案 Sites 接著要寫一些設定檔,讓系統知道你的指定網頁伺服器路徑,首先在底下這個路徑新增 username.conf 檔案(請自行將username換成自己的,不帶引號)

/etc/apache2/users/

因為會遇到許多權限問題,建議在Terminal底下使用 nano 來進行編輯,直接切換至上述目錄後,輸入

sudo nano username.conf

加入下面這段文字,記得一樣將 username 換成自己的

<Directory "/Users/username/Sites/">
AllowOverride All
Options Indexes MultiViews FollowSymLinks
Require all granted
</Directory>

username.conf 的檔案權限應該長得像

-rw-r--r--   1 root  wheel  298 Jun 28 16:47 username.conf

如果不是,就需要調整檔案權限

sudo chmod 644 username.conf

接著我們要開啟一些Apache的功能

sudo nano /etc/apache2/httpd.conf

確定下述的模組都有開啟(沒有備註解掉)

LoadModule authz_core_module libexec/apache2/mod_authz_core.so
LoadModule authz_host_module libexec/apache2/mod_authz_host.so
LoadModule userdir_module libexec/apache2/mod_userdir.so

還有這個檔案也要開啟,不能被註解(因為使用user level路徑)

Include /private/etc/apache2/extra/httpd-userdir.conf

打開上述被引入的 httpd-userdir.conf 檔案

sudo nano /etc/apache2/extra/httpd-userdir.conf

去掉註解:

Include /private/etc/apache2/users/*.conf

重啟Apache

sudo apachectl restart

此時伺服器位置應該變成 http://localhost/~username/

/*************************************************************
** 使用Document Root當作伺服器目錄的人,記得要 Override .htaccess 喔!
** Terminal 鍵入
** sudo nano /etc/apache2/httpd.conf
** 按ctrl + w 鍵搜尋 AllowOverride 這個單字,參數改成 All
** AllowOverride All
**
** 並去掉以下註解 
** LoadModule rewrite_module libexec/apache2/mod_rewrite.so
*************************************************************/

Step 2 : PHP

PHP 5.5.14 已經預設安裝在OS X Yosemite,只需要做一些設定就可以打開

sudo nano /etc/apache2/httpd.conf

去掉註解

LoadModule php5_module libexec/apache2/libphp5.so

重啟Apache

sudo apachectl restart

Step 3 : MySQL

OS X Yosemite 沒有內建MySQL,要自己去官網抓來裝囉 先選 Mac OS X 10.9 (x86, 64-bit), DMG Archive ,目前還沒有10.10版本,安裝過程中有可能會遇到Installation Failed,但還是可以正常運作,安裝完畢後可以在設定裡找到MySQL來執行,也可以透過Terminal執行

sudo /usr/local/mysql/support-files/mysql.server start

習慣Terminal執行的人,可以自行新增環境變數

cd ; nano .bash_profile

找空白處貼上

export PATH="/usr/local/mysql/bin:$PATH"

重新載入shell

source ~/.bash_profile

然後要設定MySQL的帳號密碼(密碼要用單引號包著喔)

/usr/local/mysql/bin/mysqladmin -u root password 'yourpasswordhere'

然後要做一點調校,避免常常跳出來的 “2002 MySQL Socket error”

sudo mkdir /var/mysql
sudo ln -s /tmp/mysql.sock /var/mysql/mysql.sock

接著是自動執行MySQL,在OS X設定裡出現的開機自動啟動選項是不能用的,要自己寫進plist

sudo nano /Library/LaunchDaemons/com.mysql.mysql.plist

新增下段文字

<!--?xml version="1.0" encoding="UTF-8"?-->
<plist version="1.0">
  <dict>
    <key>KeepAlive</key>
    <true />
    <key>Label</key>
    <string>com.mysql.mysqld</string>
    <key>ProgramArguments</key>
    <array>
      <string>/usr/local/mysql/bin/mysqld_safe</string>
      <string>--user=mysql</string>
    </array>        
  </dict>
</plist>

儲存後執行下面指令

sudo chown root:wheel /Library/LaunchDaemons/com.mysql.mysql.plist
sudo chmod 644 /Library/LaunchDaemons/com.mysql.mysql.plist
sudo launchctl load -w /Library/LaunchDaemons/com.mysql.mysql.plist

Step 4 : phpMyAdmin

下載phpMyAdmin最新版本,解壓縮至伺服器跟目錄(自己命名,這邊以phpmyadmin為例),然後新增一個config資料夾

mkdir ~/Sites/phpmyadmin/config

給他權限

chmod o+w ~/Sites/phpmyadmin/config

然後就開始設定,打開網址

/伺服器位址/phpmyadmin/setup/

點選”New Server”標籤,接著點選”認證”標籤,輸入稍早設定的MySQL帳號密碼後,點Save,接著去看config資料夾,把新增的config.inc.php移到phpMyAdmin的跟目錄,就可以刪掉config資料夾了

Extra : 權限設定

如果在執行網頁程式時有遇到權限問題(例如Wordpress),可以透過下列調整使Apache有R/W的能力,但是請確定這是localhost測試用,或是自用伺服器測試站,因為一旦設定後,你的Apache執行權限就是使用者本人了,完全root權限。 首先在Terminal查詢自己的uid及gid

id

可能會長這樣

uid=502(admin) gid=20(staff)

我們需要admin及staff這兩個單字,分別代表user及group 把它們(User及Group)新增在/etc/apache2/httpd.conf底下

sudo nano /etc/apache2/httpd.conf

找到

User _www
Group _www

看是要註解掉舊的還是直接改掉,把 _www 各自改成剛剛查到的單字,例如

User admin
Group staff

存檔後記得重啟Apache,請注意,這樣做是有安全性風險的,務必確認這台機器僅限本機測試使用。

Extra : Apache 開關App

此步驟可以建立一個切換Apache開關的App在桌面,打開 工具/工序指令編寫程式 之後貼上下方程式碼,在儲存成應用程式

do shell script "/usr/sbin/apachectl stop 2>&1" with administrator privileges
if result = "" then
display dialog "Apache Stopped" with icon 2 buttons ¬
{"OK"} giving up after 1


else
do shell script "/usr/sbin/apachectl start" with administrator privileges
display dialog "Apache Started" with icon 2 buttons ¬
{"OK"} giving up after 1
end if

—–參考文獻—–
[1] Get Apache, MySQL, PHP and phpMyAdmin working on OSX 10.10 Yosemite – http://coolestguidesontheplanet.com/get-apache-mysql-php-phpmyadmin-working-osx-10-10-yosemite/
[2] Installing phpMyAdmin on Mac OSX 10.9 Mavericks & 10.8, 10.7, 10.6 – http://coolestguidesontheplanet.com/installing-phpmyadmin-on-mac-osx-10-7-lion/