Facebook 开发页面App 流程讲解

简介: 在Facebook上的应用程序被加载到一个canvas页面。一个画布页面毫不夸张地说是一个空白的canvas,在Facebook上运行您的应用程序。填充canvas页面提供一个的canvas URL包含HTML,JavaScript和CSS,使您的应用程序。

在Facebook上的应用程序被加载到一个canvas页面。一个画布页面毫不夸张地说是一个空白的canvas,在Facebook上运行您的应用程序。填充canvas页面提供一个的canvas URL包含HTML,JavaScript和CSS,使您的应用程序。当一个用户请求,我们载入帆布画布页面URL在一个iframe中,该网页上。因为都在iframe中,用javascript来调用facebook的API是最好的

流程:

  1. 创建应用
  2. 配置设置本地窗口
  3. 认证帐号
  4. 开发好App
  5. 邀请+发送动态+分享在游戏中的内容+当然中间还有facebook游戏币(发送到facebook 平台上)
  6. App上线

 

More:

facebook开放平台文档地址:https://developers.facebook.com/docs/ 

facebook 创建App地址:https://developers.facebook.com/apps

Facebook本地环境搭建地址: https://devcenter.heroku.com/articles/facebook

官方完整事例https://developers.facebook.com/docs/appsonfacebook/tutorial/

目录
相关文章
|
1月前
|
移动开发 小程序
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
|
1天前
|
Web App开发 数据采集 移动开发
开发uniapp过程中对app、微信小程序与h5的webview调试
开发uniapp过程中对app、微信小程序与h5的webview调试
|
11天前
|
前端开发 Android开发 开发者
【Flutter前端技术开发专栏】Flutter中的混合应用(Hybrid Apps)开发
【4月更文挑战第30天】本文探讨了使用Flutter开发混合应用的方法。混合应用结合Web技术和原生容器,提供快速开发和低成本维护。Flutter,一款现代前端框架,以其插件系统和高性能渲染引擎支持混合应用开发。通过创建Flutter项目、添加平台代码、使用WebView、处理平台间通信以及发布应用,开发者可构建跨平台混合应用。虽然混合应用有性能和用户体验的局限,但Flutter的跨平台兼容性和丰富的插件生态降低了开发成本。开发者应根据项目需求权衡选择。
【Flutter前端技术开发专栏】Flutter中的混合应用(Hybrid Apps)开发
|
14天前
|
缓存 前端开发 JavaScript
【专栏】GraphQL,Facebook 开发的API查询语言,正在前端开发中崭露头角
【4月更文挑战第27天】GraphQL,Facebook 开发的API查询语言,正在前端开发中崭露头角。它提供强类型系统、灵活查询和实时更新,改善数据获取效率和开发体验。掌握GraphQL涉及学习基础概念、搭建开发环境和实践应用。结合前端框架,利用缓存和批量请求优化性能,与后端协作设计高效API。尽管有挑战,但GraphQL为前端开发开辟新道路,引领未来趋势。一起探索GraphQL,解锁前端无限可能!
|
29天前
|
小程序
深入理解 uni-app 页面生命周期(四)onShareAppMessage
深入理解 uni-app 页面生命周期(四)onShareAppMessage
|
29天前
|
C++
深入理解 uni-app 页面生命周期(三):onHide vs onUnload
深入理解 uni-app 页面生命周期(三):onHide vs onUnload
|
29天前
|
JavaScript
深入理解 uni-app 页面生命周期(二):onReady()
深入理解 uni-app 页面生命周期(二):onReady()
|
29天前
|
监控 C++
深入理解 uni-app 页面生命周期(一):onLoad vs onShow
深入理解 uni-app 页面生命周期(一):onLoad vs onShow
|
1月前
|
移动开发 小程序 前端开发
使用uni-app开发(h5、小程序、app)步骤
使用uni-app开发(h5、小程序、app)步骤
|
Linux Android开发