【Facebook应用程式开发教学1】用PHP轻鬆开发第一支

  •    2020-06-12
  • 标题说是傻瓜入门的原因是,这是我在 Facebook 上的第一支 app,前后只花了两小时,后来就没改了,做为简单入门的教学颇为适合,因此拿出来分享一下。

    【Facebook应用程式开发教学1】用PHP轻鬆开发第一支

    这是个让你测验你的英文程度是否有国小程度的小程式,是个生活学习类的有用 ap。要进入状况前,请先玩一下: 测验:国小毕业应该具备的单字基础


    简单解说一下这支程式的相关流程:

    首先,要玩这支 ap 的 fb user 必须先授权给这支程式,也就是第一个画面,同意之后才能开始玩。

    【Facebook应用程式开发教学1】用PHP轻鬆开发第一支

    接下来,程式自动从资料库中找单字来出题,答题后告诉你刚刚答对还是答错并且计算答题总数,这是一般的 php。

    【Facebook应用程式开发教学1】用PHP轻鬆开发第一支

    每答对十题,程式跳出一个视窗,请你发布一些讯息到你的 Wall 上面。

    【Facebook应用程式开发教学1】用PHP轻鬆开发第一支

    要达成以上的需求,基本上非常简单,首先你自己的 php 程式应该先写好了,再做 facebook 的整合就很快了。

    以下我用简化的 code 假设你的主程式是这幺写的,这只是个例子,真正的程式逻辑要靠自己来。在这个简化的 code 里面,使用者永远需要选第三个选项,这样就会答对,否则就会答错,显示答错的讯息给你看。

    logic 的部分 :

    if{   if{       $msg="答对了";   } else {       $msg="答错了";   } }

    presentation 的部分

    请开始作答

    题目:water

    有了上述的核心程式,现在就有两件事得做:

    a . 怎幺让 facebook user 授权给你的这支程式哩?

    b. 如何跳出提示讯息让使用者发布讯息到 wall?

    首先,到 http://www.facebook.com/developers 注册一个新的应用,这页的右上角有个"Set Up New Application" 接下来,就是设置这个新的 ap 的相关重要参数,最重要的是:

    验证里面的 Post-Authorize Callback URL,当使用者授权 ok 后,fb 就会把使用者导往这个网址,如果没有特殊的设计,就填写你的程式所在的网址,在我们的例子里,假设我刚刚写的那个 php 程式放在 http://stingtao.info/1/2/test.php,那幺这个栏位就写 http://stingtao.info/1/2/test.php

    以及 Canava 里面的 画布页面网址 与 Canvas Callback URL, 第一个只要不跟别人的重複,随便你写,第二个如果你没有特殊的需求,也是填写你的程式所在的网址,例如: http://stingtao.info/1/2/test.php

    其他设定请看真的例子:

    【Facebook应用程式开发教学1】用PHP轻鬆开发第一支
    【Facebook应用程式开发教学1】用PHP轻鬆开发第一支

    存档后,基本上 facebook 平台上的设定就好了,请注意抄下以下三个数值,后面会用到。

    Application ID API 金钥 秘密

    下载 php client library, 网址在 http://svn.facebook.com/svnroot/platform/clients/packages/facebook-platform.tar.gz

    我们假设你解开的路径就是相对于 test.php 所在目录下的 facebook 子目录中。

    接下来,就超简单了 ,直接先写出结果吧,照着抄一定会 work 的,所以我直接用注解描述相关事情:

    在刚刚的主程式加入红字的部分:

    logic 的部分 :

    require_once; $facebook = new Facebook;  //把刚刚看到的数字取代相关金钥以及秘密 $appid = 'Application ID';  //字串里面换成你的 app ID $fb_user = $facebook->require_login; //就是这行,fb 就会要使用者登入了if{   if{       $msg="答对了";   } else {       $msg="答错了";   } }

    presentation 的部分

    请开始作答

    题目:water

    ok, 打开浏览器指向你刚刚填的 Canvas URL, 网址类似 http://apps.facebook.com/nciku_english 这样的东西,你就会看到熟悉的 facebook 应用程式使用流程了。


  • 相关新闻