美文网首页
VSCode Flutter开发集成iOS版FireBase

VSCode Flutter开发集成iOS版FireBase

作者: 张鹏飞_6b83 | 来源:发表于2020-06-30 08:03 被阅读0次

    这里我们会详细的讲解如何增加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

          本文链接:https://www.haomeiwen.com/subject/ggktqktx.html