VSCode Flutter开发集成iOS版FireBase

这里我们会详细的讲解如何增加FireBase的配置,请提前在FireBase控制台下载我们iOS配置时需要用到的GoogleService-Info.plist文件。

第一步:
打开VSCode,找到iOS部分的Runner


image.png

第二步:
通过右键选择Reveal in Finder,找到我们对应的Xcode地址


image.png

第三步:
双击运行我们的Runner.xcworkspace


image.png

第四步:
找到我们的Runner/Runner,也就是Xcode当中的Runner文件


image.png

第五步:
我们通过Add Files to “Runner”进行GoogleService-Info.plist的添加,这里要注意,尽量不要手动通过拖动的方式添加,因为我们的Flutter构建数很有可能不识别。这里点击添加之后找到我们存放GoogleService-Info.plist的对应位置进行添加即可


image.png

第六步:
我们通过Xcode当中的AppDeleget文件对FireBase进行配置,代码如下

import UIKit
import Flutter
import Firebase //这里引用第三方包



@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
  ) -> Bool {
    
     FirebaseApp.configure()//这里进行FireBase配置
    GeneratedPluginRegistrant.register(with: self)
    
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }
}

第七步:
配置我们的Bundle Identifier,根据下图的表示逐一进行点击

image.png

第八步:
如果我们想要实现FaceBook登录、Google登录时,需要配置Info.plist文件,具体看下图:


image.png

第九步:
增加URL types,这里主要存放我们的Google登录以及FaceBook登录的标识。

image.png

以上步骤为VSCode当中,我们关于iOS端,FireBase配置的方法,务必按照步骤进行,不然很有可能出现,超出栈区等错误。

你可能感兴趣的:(VSCode Flutter开发集成iOS版FireBase)