大家好，我是讯享网，很高兴认识大家。

内容简介:上期文章讲过关于Flipper在移动端的使用,主要介绍了Android上的使用，本期来讲一下关于iOS上的集成。

传送门：嘿，兄弟！移动端调试工具Flipper了解一下

Objective-C集成指南

初始化Podfile

相比于 Android ，iOS 集成相对简单一些。可以使用 CocoaPods 。新建项目，然后 pod init 初始化 Podfile 文件，并添加 Flipper 的依赖，例如：

讯享网

project 'democome.xcodeproj' source 'https://github.com/facebook/flipper.git' source 'https://github.com/CocoaPods/Specs' swift_version = "4.1" flipperkit_version = '0.14.1' target 'democome' do  platform :ios, '9.0'  pod 'FlipperKit', '~>' + flipperkit_version  pod 'FlipperKit/FlipperKitLayoutComponentKitSupport', '~>' + flipperkit_version  pod 'FlipperKit/SKIOSNetworkPlugin', '~>' + flipperkit_version  pod 'FlipperKit/FlipperKitUserDefaultsPlugin', '~>' + flipperkit_version  # This post_install script adds swift version to yogakit's pod target.  # It also adds -DFB_SONARKIT_ENABLED=1 flag to OTHER_CFLAGS, necessary to build expose Flipper classes in the header files  post_install do |installer|        installer.pods_project.targets.each do |target|            if ['YogaKit'].include? target.name                target.build_configurations.each do |config|                    config.build_settings['SWIFT_VERSION'] = swift_version                end            end        end        file_name = Dir.glob("*.xcodeproj")[0]        app_project = Xcodeproj::Project.open(file_name)        app_project.native_targets.each do |target|            target.build_configurations.each do |config|              if (config.build_settings['OTHER_CFLAGS'])                if !(config.build_settings['OTHER_CFLAGS'].include? '-DFB_SONARKIT_ENABLED=1')                  puts 'Adding -DFB_SONARKIT_ENABLED=1 in OTHER_CFLAGS...'                  config.build_settings['OTHER_CFLAGS'] << '-DFB_SONARKIT_ENABLED=1'                end              else                puts 'OTHER_CFLAGS does not exist, assigining it to `$(inherited), -DFB_SONARKIT_ENABLED=1` '                config.build_settings['OTHER_CFLAGS'] = '$(inherited) -DFB_SONARKIT_ENABLED=1 '              end              app_project.save            end        end   end end

讯享网

AppDelegate添加如下代码

讯享网FlipperClient *client = [FlipperClient sharedClient]; SKDescriptorMapper *layoutDescriptorMapper = [[SKDescriptorMapper alloc] initWithDefaults]; [FlipperKitLayoutComponentKitSupport setUpWithDescriptorMapper: layoutDescriptorMapper]; [client addPlugin: [[FlipperKitLayoutPlugin alloc] initWithRootNode: application                                               withDescriptorMapper: layoutDescriptorMapper]]; [client addPlugin:[[FKUserDefaultsPlugin alloc] initWithSuiteName:nil]];  [client start]; [client addPlugin: [[FlipperKitNetworkPlugin alloc] initWithNetworkAdapter:[SKIOSNetworkAdapter new]]]; [client start];

运行效果如下

Swift集成指南

初始化Podfile

project 'democome-swift.xcodeproj' source 'https://github.com/facebook/flipper.git' source 'https://github.com/CocoaPods/Specs' swift_version = "4.2.1" flipperkit_version = '0.14.1' target 'democome-swift' do  platform :ios, '9.0'  pod 'FlipperKit', '~>' + flipperkit_version  # Layout and network plugins are not yet supported for swift projects  pod 'FlipperKit/FlipperKitLayoutComponentKitSupport', '~>' + flipperkit_version  pod 'FlipperKit/SKIOSNetworkPlugin', '~>' + flipperkit_version  pod 'FlipperKit/FlipperKitUserDefaultsPlugin', '~>' + flipperkit_version  # If you use `use_frameworks!` in your Podfile,  # uncomment the below $static_framework array and also  # the pre_install section.  This will cause Flipper and  # it's dependencies to be static and all other pods to  # be dynamic.  # $static_framework = ['FlipperKit', 'Flipper', 'Folly',  #   'CocoaAsyncSocket', 'ComponentKit', 'DoubleConversion',  #   'glog', 'PeerTalk', 'RSocket', 'Yoga', 'YogaKit',  #   'CocoaLibEvent', 'OpenSSL-Static', 'boost-for-react-native']  # pre_install do |installer|  #     installer.pod_targets.each do |pod|  #       if $static_framework.include?(pod.name)    #         pod.host_requires_frameworks = false  #       end  #   end  # end # This post_install script adds -DFB_SONARKIT_ENABLED flag to OTHER_SWIFT_FLAGS, necessary to build swift target    post_install do |installer|      file_name = Dir.glob("*.xcodeproj")[0]      app_project = Xcodeproj::Project.open(file_name)      app_project.native_targets.each do |target|          target.build_configurations.each do |config|            if (config.build_settings['OTHER_SWIFT_FLAGS'])              if !(config.build_settings['OTHER_SWIFT_FLAGS'].include? '-DFB_SONARKIT_ENABLED')                puts 'Adding -DFB_SONARKIT_ENABLED ...'                swift_flags = config.build_settings['OTHER_SWIFT_FLAGS']                if swift_flags.split.last != '-Xcc'                  config.build_settings['OTHER_SWIFT_FLAGS'] << ' -Xcc'                end                config.build_settings['OTHER_SWIFT_FLAGS'] << ' -DFB_SONARKIT_ENABLED'              end            else              puts 'OTHER_SWIFT_FLAGS does not exist thus assigning it to `$(inherited) -Xcc -DFB_SONARKIT_ENABLED`'              config.build_settings['OTHER_SWIFT_FLAGS'] = '$(inherited) -Xcc -DFB_SONARKIT_ENABLED'            end            app_project.save          end        end    end  end

这里需要注意Swift版本，需要和你安装的版本保持一致，否则可能会报错，查看Swift版本命令如下：

讯享网xcrun swift -version

AppDelegate添加如下代码

let client = FlipperClient.shared() let layoutDescriptorMapper = SKDescriptorMapper(defaults: ()) FlipperKitLayoutComponentKitSupport.setUpWith(layoutDescriptorMapper) client?.add(FlipperKitLayoutPlugin(rootNode: application, with: layoutDescriptorMapper!)) client?.start()

运行结果类似，不在贴出。

--END--

识别二维码，关注我们