跳到主要內容

Facebook - 發佈訊息至塗鴉牆

源起

最近剛好有時間，想讓國軍登出倒數計時器擁有更好的UI。回顧FB Javascript API，原先FB.UI stream.publish發佈方法已經過時了，取而代之的是feed方法。毅然決然一邊修改一邊整理篇筆記，好讓鄉民們可以更快上手。首先我會說明Graph API是怎麼做的，接著再告訴大家如何透過Javascript使用FB Dialog做發佈塗鴉牆動作。

Graph API

打卡、送禮物、分享連結都是發佈至塗鴉牆的功能，使用相當廣泛。而它的核心，就是使用Graph API的user_id/feed做POST。我直接透過Graph API Explorer來做說明:


請用上方的API參數與下方的結果做比較。message通常是User輸入後的訊息；link有可能是你分享的連結或是使用者點擊後預計處理的動作，例如送禮物、開寶箱等，可能會連到App的某一個ActionURL；place就把它當成打卡地點，必須是地點id；picture必須要填入一個完整的URL；name、caption、description就是圖片右邊的那些文字了，如果沒輸入會直接從link中自動抓取metadata顯示。


picture的部分你也許想直接使用臉書上的照片，但這些照片必須有別人看的到的權限，否則會出現「FBCDN image is not allowed in stream」錯誤訊息。你可以選擇把照片放到網路上開放空間，我是放在picasa。如果是放在自己的Server，當user的朋友看到他post的feed時，就會去你的server讀取一次，這將會是一種資源浪費，所以要好好利用「網路資源」。假如是照片分享或打卡程式，應會先將照片上傳至User的相簿中，再做post feed的動作，這是另外一種做法。

Feed Dialog with Javascript

有了Graph API概念後，使用Javascript API就很簡單了! 直接看範例:

var publish = {
	display: 'iframe',
	method: 'feed',
	picture: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3bPKKZPVInWG82QHnWJD9rKGQ7p41Ns_pexserBKiDYsPIXpiZsbQ_4Tdb_tdJgYg1ObG_D1-q0JRiCVWa4HY1yWrb8KM6dWCcvN3XgWKdoxcGRyWVK9-dmfMRrHrpFIn-0ygMuIvOI/s207/lacd_surprise.jpg',
	link: 'http://apps.facebook.com/leavearmycountdown/',
	name: '好好關注你的兄弟吧!',
	caption: ' ',
	description: message
};
FB.ui(publish, null);

在UI上某個button會bind onclcik的動作，會去呼叫上方javascript的method，就是把該填的東西填一填而已。display有其它幾種方式，iframe是我試過在各瀏覽器不會有問題的方法；而caption傳入空格目的是不想讓它以link顯示；FB.ui第二個參數是callback function，這裡我沒特別需要所已設為null；message欄位我在這沒宣告，因為我預期是要讓使用者自行輸入。

我習慣將與FB有關的東西集中放在一起，使用singleton的方式做宣告。

FacebookUtillity.postMessageToWall = function(post_message,
	post_picture, post_link, post_name, post_caption, post_desc, callback){
 
   var publish = {
    display: 'iframe',
	method: 'feed',
	picture: post_picture,
	link: post_link,
	name: post_name,
	caption: post_caption,
	description: post_desc,
	message: post_message
   };
   FB.ui(publish, callback);
};

如果想發佈至朋友的塗鴉牆呢? 多加一個to欄位即可。對於Graph API來說，就是對friend_uid/feed做POST，

Summary

如果你的應用程式是以iframe的方式顯示在Facebook中，會適合用Facebook Dialog的方式發佈，因為這較有UI整合性。但如果你是屬於另外一個web site或server side要做發佈的動作，可以透過Graph API。如果是iOS或Android也有SDK可以做出Dialog的效果喔。

Reference

標籤：

留言

張貼留言

這個網誌中的熱門文章

解決RobotFramework從3.1.2升級到3.2.2之後，Choose File突然會整個Hand住的問題

考慮到自動測試環境的維護，我們很久以前就使用java去執行robot framework。前陣子開始處理從3.1.2升級到3.2.2的事情，主要先把明確的runtime語法錯誤與deprecate item處理好，這部分內容可以參考: link 。 直到最近才發現，透過SeleniumLibrary執行Choose File去上傳檔案的動作，會導致測試案例timeout。本篇文章主要分享心路歷程與解決方法，我也送了一條issue給robot framework: link 。 我的環境如下: RobotFramework: 3.2.2 Selenium: 3.141.0 SeleniumLibrary: 3.3.1 Remote Selenium Version: selenium-server-standalone-3.141.59 首先並非所有Choose File的動作都會hang住，有些測試案例是可以執行的，但是上傳一個作業系統ISO檔案一定會發生問題。後來我透過wireshark去比對新舊版本的上傳動作，因為我使用 Remote Selenium ，所以Selenium會先把檔案透過REST API發送到Remote Selenium Server上。從下圖我們可以發現，在3.2.2的最後一個TCP封包，比3.1.2大概少了500個bytes。 於是就開始了我trace code之路。包含SeleniumLibrary產生要送給Remote Selenium Server的request內容，還有HTTP Content-Length的計算，我都確認過沒有問題。 最後發現問題是出在socket API的使用上，就是下圖的這支code: 最後發現可能因為開始使用nio的方式送資料，但沒處理到尚未送完的資料內容，而導致發生問題。加一個loop去做計算就可以解決了。 最後我有把解法提供給robot framework官方，在他們出新的版本之前，我是將改完的_socket.py放在我們自己的Lib底下，好讓我們測試可以正常進行。(shutil.py應該也是為了解某個bug而產生的樣子..)
張貼留言
閱讀完整內容

Show NIC selection when setting the network command with the device option

 Problem  在answer file中設定網卡名稱後，安裝時會停在以下畫面: 所使用的command參數如下: network --onboot = yes --bootproto =dhcp --ipv6 =auto --device =eth1 Diagnostic Result 這樣的參數，以前試驗過是可以安裝完成的。因此在發生這個問題後，我檢查了它的debug console: 從console得知，eth1可能是沒有連接網路線或者是網路太慢而導致的問題。後來和Ivy再三確認，有問題的是有接網路線的網卡，且問題是發生在activate階段: Solution 我想既然有retry應該就有次數或者timeout限制，因此發現在Anaconda的說明文件中( link )，有提到dhcptimeout這個boot參數。看了一些人的使用範例，應該是可以直接串在isolinux.cfg中，如下: default linux ksdevice = link ip =dhcp ks =cdrom: / ks.cfg dhcptimeout = 90 然而我在RHEL/CentOS 6.7與6.8試驗後都無效。 因此我就拿了顯示的錯誤字串，問問Google大師，想找一下Anaconda source code來看一下。最後找到別人根據Anaconda code修改的版本: link ，關鍵在於setupIfaceStruct函式中的setupIfaceStruct與readNetConfig: setupIfaceStruct: 會在dhcp時設定dhcptimeout。 readNetConfig: 在writeEnabledNetInfo將timeout寫入dhclient config中；在wait_for_iface_activation內會根據timeout做retry。 再來從log與code可以得知，它讀取的檔案是answer file而不是boot command line。因此我接下來的測試，就是在answer file的network command上加入dhcptimeout: network --onboot = yes --bootproto =dhcp --ipv6 =auto --device =eth1 --...
張貼留言
閱讀完整內容

Robot Framework - Evaluate該怎麼用?

Evaluate該怎麼用? 前言 Builtin的RobotFramework Library提供了Evaluate Keyword。它所提供的功能是「執行Python描述句」。但實際上到底有什麼用途呢?原本我僅僅拿來將string轉為int的功用，經過一些查詢與試驗，我將心得整理給大家。 Builtin Builtin的function可以參考Library Doc for Evaluate。我以有使用過的function做說明。 數字轉換 Python提供了int、long、float與complex等function讓你可以將字串轉為數字，也可以透過它們做四則運算。首先以字串轉數字為例，我將8設於${num_str}中，再透過Evaluate+int轉為數字。這裡必須注意的是: 「int()中放變數必須以單引號'括起」。否則，假如你設定的數字為08，在轉換int時會出現Syntax Error。 ${num_str} | Set Variable | 8 ${num} | Evaluate | int('${num_str}') 其中int與long的第二個參數為base，這是根據你的input所決定: Comment | num = 9 ${num} | Evaluate | int('11', 8) Comment | num = 11 ${num} | Evaluate | int('11', 10) Comment | num = 17 ${num} | Evaluate | int('11', 16) 其它還有像bin、oct、hex，可以將整數轉為2、8、16進位。 運算 四則運算: 直接將運算子加上即可: ${num} | Evaluate | int('${hour}')*60 + int('${min}') 指數: 可以用pow。以下面兩個例子來說，第一個是2的3次方為8，第二個是2的3次方再mod 7為1。需注意的是: 「傳入值必須是數字不可為字串」。 ${num} | Evaluate | pow(2,3) ${num} | Evaluate | pow(2,3,7) 取最大最小值: 使用max/min，可以選擇丟一個array的方式...
張貼留言
閱讀完整內容