基于MVVM构建聊天App （一）重新建工程开始

小时光

北京体适能体育科技有限公司

在开发一个新的App时不只要考虑当前版本的需求，更要考虑到后期的版本迭代和维护工做 《Clean Code》一书中也提出代码大部分时候是用来维护的，而不是用来实现功能的。因此在前期的框架设计，技术调查上应该慎之又慎。本次我将从我的开发者角度围绕着代码的可维护性、可测试性、可复用性来实现一个简单的聊天App。

一、基本设置

新建一个工程，命名为RPChat,此处开发语言选择Swift:

(1)、在工程中设置Info.plist中设置Allow Arbitrary Loads为YES，参考:stackoverflow Transport security has blocked a cleartext HTTP

(2)、打开Assets.xcassets按照指定的图片大小添加App的Logo图片。

二、工程结构

添加三个framework分别命名为RPChat_iOS、RPChatUIKit、RPChatDataKit

• RPChat_iOS是和UI的显示以及交互相关的代码
• RPChatUIKit是整个项目中会用到的对UIKit的公共扩展
• RPChatDataKit是整个项目的数据存储以及访问接口，也能够理解为是App的View Model以及Model

三、使用carthage管理第三方开源库

carthage version
复制代码

cd /Users/****/Desktop/GitHub/RPChat
复制代码

touch Cartfile
复制代码

使用VSCode打开Cartfile文件，输入用到的第三方开源库：

github "Alamofire/Alamofire" // Http请求封装
github "ReactiveX/RxSwift" // 用于管理App中的事件
github "onevcat/Kingfisher" // 用于App中的缓存和下载图片
github "SwiftyJSON/SwiftyJSON" // 生成Model
gitHub "CoderMJLee/MJRefresh" // UItableView下拉组件
github "robbiehanson/CocoaAsyncSocket" 
复制代码

执行更新命令：

carthage update --platform iOS
复制代码

更新完成后，打开工程，选择TARGETS -->Build Phases--> Link Binary With Libries 点击加号，选择 Add File --> Carthage --> Build --> iOS 添加所需的FrameWork,

下面的gif演示了如何添加第三方的FrameWork；

接下来，点击+，选择New Run Script Phase，此时新建了Run Script,在执行命令中添加:

/usr/local/bin/Carthage copy-frameworks
复制代码

在Input Files中引入咱们要用到的库的路径:

$(SRCROOT)/Carthage/Build/iOS/Alamofire.framework
复制代码

其做用是把Carthage引入的第三方库在打包的时候，拷贝到特定目录。

在上传到git仓库时，不须要传Carthage下的文件，因此选择忽略，在.gitignore文件中添加

*.DS_Store
Carthage/
xcuserdata/
.idea/
复制代码

四、兼容iOS 13以前的老版本

修改最低支持版本为iOS 11

此时发现再Build工程，发现已经有不少Error，这是版本兼容的问题，因为Xcode 11新建的工程默认为当前最高版本，Xcode新增了一个SceneDelegate文件，具体做用请参考官方文档：Optimizing App Launch。如今要在AppDelegate和中SceneDelegate作兼容老版本处理。 方法就是对当前系统作一个判断，而后再根据不一样系统版本分开处理。

在SceneDelegate直接加上@available(iOS 13.0, *)便可, 在AppDelegate作扩展处理：

代码以下：

@available(iOS 13.0, *)
class SceneDelegate: UIResponder, UIWindowSceneDelegate {

}
复制代码

@available(iOS 13.0, *)
extension AppDelegate {
    func application(_ application: UIApplication, configurationForConnecting connectingSceneSession: UISceneSession, options: UIScene.ConnectionOptions) -> UISceneConfiguration {
         return UISceneConfiguration(name: "Default Configuration", sessionRole: connectingSceneSession.role)
    }
    func application(_ application: UIApplication, didDiscardSceneSessions sceneSessions: Set<UISceneSession>) {
    }
}
复制代码

五、国际化

一、经常使用文案国际化

• 一、以下图所示： 建立所需国际化的语言，此处我建立了英语、繁体汉语、简体汉语：

• 二、在工程中新建一个String File文件，命名为Localizable

点击到Localizable.strings文件，点击右侧Localize...按钮添加须要国际化的语言。

此时来作个测试，在ViewController新建一个名为testLab的UILabel;

@IBOutlet weak var testLab: UILabel!
复制代码

展开Localize.strings文件，在英文中添加test;,在简体中文中添加:

"test" = "测试";
复制代码

在ViewController中调用，

testLab.text = NSLocalizedString("test", comment: "")
复制代码

此时点击Run能够看到testLab显示内容为test;

修改模拟器语言为简体汉语，再次运行：

二、App名称国际化

• （1）、一样的方法新建一个名为InfoPlist的String文件。

• (2)、在InfoPlist.strings(English)文件中添加:

  CFBundleName = "CatchU";
  复制代码

• (3)、在 InfoPlist.strings(Chinese,Simplified)中添加

  CFBundleName = "畅聊吧";
  复制代码

• (4)、 打开Info.Plist设置Bundle name属性为$CFBundleName

• (5)、再次运行代码，能够看到，App的名称已经修改为功了。

本篇主要讲了App的新建和相关配置，包括：

• 新建工程，基本配置
• 经过三个frameworks去实现App不一样层次的功能
• 经过Carthage管理工程中用的第三方开源库
• 对iOS 13以前的系统作一个兼容处理
• 国际化相关