我正在尝试将 facebook 登录到我正在尝试使用 Titanium 开发的应用程序， 当我点击“连接”按钮时，它会显示一个如下所示的对话框:

它看起来像一个网络应用程序 facebook 登录，而不是 native 应有的样子。我希望它是这样的:

那么，我怎样才能让这个模块使用本地登录对话框而不是这个 web 风格的对话框呢？

最佳答案

为了使用 iOS 原生 facebook 登录，您必须:

1. 使用新的 facebook 模块 require('facebook') , 旧的已弃用
2. 设置forceDialogAuth = false ;
3. 确保您的应用程序的 bundle id 也在您的 Facebook 应用程序中设置
4. 在 tiapp.xml 中设置 facebook 应用程序 ID
5. 将 Info.plist 移动到您的应用程序的根文件夹，并在那里提供 facebook id 和 url 方案(使用新的 SDK，您可以在 tiapp.xml 中执行此操作，稍后我将在此处提供一些示例)

您发布的图像是后备解决方案，如果

• 用户尚未在设备上激活 facebook 登录/facebok 应用
• 用户在 native facebook 登录之前拥有 iOS 版本
• 您在模拟器中运行您的应用

这是我使用 native iOS 登录的逐步步骤:

<强>1。创建一个 Facebook 应用
为了使用 native iOS facebook 登录，您必须在 developers.facebook.com 创建一个 facebook 应用程序.将您的应用程序 ID 复制到文本编辑器，我们稍后需要它。

<强>2。设置您的 Facebook 应用
在“基础”部分启用“ native iOS 应用程序”集成。

(1) 输入您为您的应用使用的 bundle id，与您在 tiapp.xml 中设置的相同
(2) 如果您希望 Facebook 从书签等启动您的应用程序，请激活 Facebook 登录。
(3) 可选:用于在多个应用程序之间共享您的 facebook id。我们也将在 Info.plist 中使用此 url 方案。

3.设置 tiapp.xml
转到 Titanium Studio 并打开 tiapp.xml(通常是应用程序目录中的最后一个文件)。左下角有两个选项卡。我们首先需要概述。确保您的应用程序 ID 与您在 Facebook 应用程序中输入的 ID 相匹配。点击模块的+，添加Appcelerators自带的facebook模块，默认安装。它应该出现在下面的列表中。
仍在tiapp.xml 中，单击tiapp.xml 选项卡，并添加以下内容:
<property name="ti.facebook.appid">XXXXXXXX</property>
显然，Xs 是您的 Facebook 应用程序 ID。

4.复制并编辑 Info.plist 文件
在 Finder 中，导航到您的应用程序根文件夹。从这里，转到 build > iphone。你应该在这里看到 Info.plist。将其复制并粘贴到您应用的根文件夹中。
使用您选择的文本编辑器打开它。将 FacebookAppID 和 FacebookDisplayName 添加到文件中，并将占位符值替换为您自己的值。这可能不是必需的，但我使用它并且它有效，只是为了安全起见;)寻找 CFBundleURLTypes 并使用 test 将其编辑为如下所示作为您应用程序的 URL 方案，您之前已经在您的 Facebook 应用程序中进行了设置。通过输入 test://，您的应用程序也可以从 Safari 打开。 .请注意 CFBundleURLSchemes 数组中的 fb，它必须以您的 facebook 应用程序 ID 为前缀，这与之前的所有其他字段不同。

<key>FacebookAppID</key>
<string>XXXXXXXXXXXXX</string>
<key>FacebookDisplayName</key>
<string>Your facebook app name</string>
<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleURLName</key>
        <string>test</string>
        <key>CFBundleURLSchemes</key>
        <array>
              <string>test</string>
              <string>fbXXXXXXXXXX</string>
        </array>
    </dict>
</array>

请注意:使用最新的 SDK，这些设置也可以在 tiapp.xml 中设置，但由于我还没有这样做，所以这个示例使用 Info.plist

5.使用 facebook 模块
我不经常使用标准的 facebook 按钮，因为它不能足够自定义。因此，假设您有一个名为 loginButton 的登录按钮和一个名为 logoutButton 的注销按钮，我们将它们连接到我们的 facebook 模块:

// The module we have added to our project via tiapp.xml before
var facebookModule = require('facebook');
// We can read the facebook app id from tiapp.xml
var FACEBOOK_APP_ID = Ti.App.Properties.getString('ti.facebook.appid');
// Set the app id
facebookModule.appid = FACEBOOK_APP_ID;
// Do not force a facebook html popover but use the native dialog if possible
facebookModule.forceDialogAuth = false;
// Add an event listener to the facebook login event
facebookModule.addEventListener('login', facebookLoginHandler);
// Also add an event listener to the logout event
facebookModule.addEventListener('logout', facebookLogoutHandler);

// The event listener of our login button
loginButton.addEventListener('click', function() {
    facebookModule.authorize();
});

// The event listener of our logout button
logoutButton.addEventListener('click', function() {
    facebookModule.logout();
});

// The facebook login event handler
function facebookLoginHandler(e) {
    if (e.success) {
        // Success!
    } else if (e.error) {
        // Error!
    } else if (e.cancelled) {
        // cancelled by user
    }
}

// The facebook logout handler
function facebookLogoutHandler(e) {
    if (e.success) {
        // Success, clear the facebook browser cookies so someone else
        // can login later, if the browser fallback is used
        var client = Titanium.Network.createHTTPClient();
        client.clearCookies('https://login.facebook.com');
    } else if (e.error) {
        // Error!
    } 
}

关于android - Titanium - Facebook 模块不使用 native 登录，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20022284/