Facebookアプリの形式

キャンバス型アプリ
  Facebookへのヘッダやサイドバーがついた状態で実行されるWebアプリケーション。アプリ提供者のサーバから出力されるHTMLは、Facebookのインラインフレーム(iframe)の中で表示される。

独立型アプリ
  プログラムのデザインやインターフェースなどの外見からはFacebookと一件無関係に見えますが、Facebookアカウントを使用したログインやウォールへの書き出し機能などを持ったWebアプリケーション

ネイティブアプリ
  Facebook APIを使用したスマートフォン各機種専用のアプリ

タブ型アプリ
  Facebookページのタブに組み込むためのWebシステム。タブ型アプリはキャンバス型アプリ同様、インラインフレームを使ってアプリを表示。

出典
Facebookアプリプログラミング入門

App Center Tutorial
https://developers.facebook.com/docs/guides/appcenter/#authorization

The Login Flow for Web (without JavaScript SDK)
https://developers.facebook.com/docs/facebook-login/login-flow-for-web-no-jssdk/

The Login Flow for Web
https://developers.facebook.com/docs/facebook-login/login-flow-for-web/

Getting Started With Facebook For Mobile Web Apps
https://developers.facebook.com/docs/web/gettingstarted/mobile/

Facebookアプリはもう古い！モバイルアプリを作ろう
http://ascii.jp/elem/000/000/678/678524/

Facebookアプリ開発者のためのサポートサイト
http://fb.dev-plus.jp/

Facebookアプリ種類
http://fb.dev-plus.jp/column2/column2_1/

Facebook Javascript関連

Getting Started with Facebook Login for Web
https://developers.facebook.com/docs/facebook-login/getting-started-web/

JavaScript SDK Reference
https://developers.facebook.com/docs/reference/javascript/

Getting Started with the Facebook SDK for JavaScript
https://developers.facebook.com/docs/javascript/gettingstarted/

Facebook javascript SDKでのユーザー認証方法
http://realid-inc.com/hacker_blog/2013/03/facebook-javascript-sdk.html

Getting the facebook session at the server side if we login using JS SDK
http://stackoverflow.com/questions/15140130/getting-the-facebook-session-at-the-server-side-if-we-login-using-js-sdk

Why this Facebook javascript-sdk login code is automatically logging the user again and again?
http://stackoverflow.com/questions/15682853/why-this-facebook-javascript-sdk-login-code-is-automatically-logging-the-user-ag

Introduction to Facebook JavaScript SDK
http://anchetawern.github.io/blog/2012/08/28/introduction-to-facebook-javascript-sdk/

http://www.loginworks.com/technical-blogs/404-working-with-facebook-javascript-sdk

https://github.com/victorjonsson/PHP-Rocker-facebook-login

Facebookアプリ例
http://matome.naver.jp/odai/2128988499155386001

mobile web appはsand box modeがonになっていると正常に動作しないなぁ。

決済処理を調査

Facebook Payments
https://developers.facebook.com/docs/payments/

現地通貨による支払い
https://developers.facebook.com/docs/concepts/payments/jp/

ハウツーガイド: 現地通貨による支払い
https://developers.facebook.com/docs/howtos/payments/jp/

1. 支払いフロー
   https://developers.facebook.com/docs/howtos/payments/paymentflow/jp/

支払いに関する推奨事項
https://developers.facebook.com/docs/payments/bestpractices/jp/

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Facebook paymentの概要調査

2013年9月12日までにすべてのキャンバスゲーム開発者の皆様にFacebookポイントから現地通貨による支払いへ移行していただくことを予定しております。

新しい支払いシステム = Facebookの現地通貨による支払いシステム

■現地通貨による支払いをアプリに追加するために必要なステップ

1. 会社の登録
2. 製品の定義
3. ユーザー支払いフロー

アプリ内の購入フローを有効にして、ユーザーが選択した支払いメカニズムを使用して支払いダイアログから購入ができるようにします。

3 ユーザー支払いフロー詳細
3-1.ユーザーが希望する通貨を取得
GET https://graph.facebook.com/me?fields=currency&access_token=USER_ACCESS_TOKEN
json 返却値 -> "user_currency":"BRL",
3-2.ストアの作成
※現地通貨による支払いシステムには残高のコンセプトがありません。つまり、ユーザーはアイテムやバーチャル通貨の数量を設定された価格で直接、細かく購入することになり、「過払い」や資金を残す機能はFacebookにありません
3-3.支払いダイアログの呼び出し
ユーザーの購入フローは、支払いダイアログを呼び出すことで開始されます。支払いダイアログは、キャンバスアプリのオーバーレイとして表示されます。支払いダイアログでは、ユーザーが購入するアイテム、その価格、使用できる各種支払い方法がユーザーに表示されます。
このダイアログを表示するには、キー/値のペアの辞書を使用して、Facebook Javascript SDKから関数FB.ui()をコールします。

3-2.補足 モバイルストアの作成
携帯電話による支払い体験を最適化する主な方法には、モバイル価格ポイントとモバイルショートカットの2つがあります。
携帯電話での支払い方法を利用するユーザーには、キャリア固有の固定の価格ポイントが適用され、購入に使用できる価格が制限されます。Facebookでは、開発者は事前にユーザーが利用できるモバイル価格ポイントをユーザーに尋ねて、ユーザーが支払える内容に合うバーチャル商品と通貨パッケージを提示できます。

モバイルまわり調査

モバイルアプリ
http://fb.dev-plus.jp/reference/getstart/mobile/

Building Mobile Web Apps with Facebook
https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-ash3/851585_137969516388777_1755005685_n.pdf

Facebook payment関連videoまとめ
http://japazine.com/2013/08/16/implementing-facebook-payments-part-1-intro-and-company-registration/