close

1. 到facebook開發者頁面http://developers.facebook.com/註冊成開發者

    點選右上角Log In登入FB,登入後右上方會出現Register New,點選進去

2.勾選I accept the Facebook Platform Policy and the Facebook Privacy Policy,按繼續

1  

2. 輸入電話,按繼續後出現以下畫面,輸入收到簡訊中的確認碼(有時候等很久還收不到,就再按下面的從發確認碼,或是重新申請。有時候不會出現這個確認碼視窗就直接跳到第3個項目了)

2  

3. 接下來依照彈出視窗的需求填一填,就可加為開發者。

4. 點上方的APPS3  ,會進入應用程式的頁面

5. 按右上方,+建立新的應用程式

6.輸入應用程式名稱:和應用程式名稱空間:(不要使用特殊符號,應用程式名稱可以用中文,應用程式名稱空間:只能用英文,而且字母要7個字以上),後方出現有效即可以使用的綠色字樣,就可以按繼續

4  

7. 輸入安全驗證後按繼續後會出現以下的頁面,App ID會在flash AS中使用到,這邊先進行到這裡,此頁面不要關閉,接下來進行flash AS的部分

6   

 

 

Flash AS的部分

fla檔案下載連結

 1. 要有一份寫好的與facebook連結的 SWC檔案(老師給的,無法外傳)匯入到flash中,點選我用紅色圈起來的那個標誌

7    

2. 點選元件庫路徑後,按9  加入SWC檔,按確定

8  

3.我在畫面上有放一個組件按鈕元件(名稱:loginBtn),把enabled的勾勾去掉,這樣按鈕就無法按 

1  

4. 在第一個影格輸入

 

import com.achen224.utils.facebook.ACFB;
import com.achen224.utils.facebook.events.*;
import com.achen224.utils.facebook.objects.*;

 

stop()
var fb:ACFB=new ACFB ;//負責與fb溝通的窗口
var fbInit:Boolean = false;//儲存登入狀態

 

 

 

fb.addEventListener(ACEvent.INIT_SUCCESS,initFn);//初步導入畫面成功
fb.addEventListener(ACEvent.INIT_FAIL,initFn);//初步導入畫面失敗

 

fb.init("145192105641598");
//金鑰,真正做導入;此組數字為剛剛新增的應用程式App ID

 

function initFn(e:ACEvent)
{

 

if (e.type == ACEvent.INIT_SUCCESS)//如果導入畫面成功要做以下的事
{
loginBtn.enabled = true;
fbInit = true;
loginBtn.addEventListener(MouseEvent.CLICK,FnClick)//導入成功後按鈕才可以按
}
}


function FnClick(e:MouseEvent){

fb.addEventListener(ACEvent.LOGIN_SUCCESS,Fnlogin)//使用者登入成功
fb.addEventListener(ACEvent.LOGIN_FAIL,Fnlogin)//使用者登入失敗
fb.login(fb.PERMISSION)
}

 

function Fnlogin(e:ACEvent)
{//如果使用者有登入就到下一個影格
if(e.type==ACEvent.LOGIN_SUCCESS){
nextFrame()
}
}

 

 

5. 在第2個影個輸入

//取得使用者資料
import com.achen224.utils.facebook.events.ACEvent;
import com.achen224.utils.facebook.objects.User;
import flash.display.Loader;
import flash.net.URLRequest;

var user:User
var ldr:Loader=new Loader
var path:URLRequest=new URLRequest

fb.addEventListener(ACEvent.USER_GET_SUCCESS,FnGetUser)
fb.addEventListener(ACEvent.USER_GET_FAIL,FnGetUser)
fb.getUser()

function FnGetUser(e:ACEvent)
{
if (e.type==ACEvent.USER_GET_SUCCESS)
{
user=e.data as User
t1.text=user.squarePic//t1為動態文字框的名稱,使用者大頭照的路徑
t2.text=user.birthday//t2為動態文字框的名稱,使用者的生日

//載入外部路徑,存取使用者的大頭照
path.url=user.squarePic
ldr.load(path)
square.addChild(ldr)//我在畫面上放了一個square的元件,大小是50*50,是透明色的,畫面上看不到,使用者大頭照要呈現的位置

}
}

 

接下來把flash檔匯入HTML網頁

檔案下載連結(網頁檔),在畫面下方點右鍵按另存新檔,在Dreamweaver中開啟

在第33行的地方,更改swf檔案路徑,及swf的大小,按存檔,之後將此HTML檔和SWF檔上傳到網路空間。

 

回到網路的這個畫面,點以facebook登入網站的那個選項,將您的網址輸入,按儲存,會出現"Changes saved. 請注意,所做的更改可能需要 several minutes 傳送到所有伺服器。",等個幾分鐘從開您的網站做測試。

6

http://mcr.tw/stu/gjun/carino/Millieweb/about_us.html

arrow
arrow
    全站熱搜

    mosquitoyo 發表在 痞客邦 留言(4) 人氣()