android和ios目前流行架構對比學習

轉載請注明出處：http://blog.csdn.net/zone_?viewmode=contents

在工作中，我們 Android 開發都會或多或少地接觸到一些 IOS 的知識點，或許是讨論一個 Android 和 IOS 都共通的問題，或許是兩端一起讨論一個技術點的實作方案。我覺得了解一些 IOS 的基礎知識點時完全有必要的。

當我們學過一門語言之後，再學另外一門語言并且用這個新語言寫應用時，一般都會考慮這語言應該用什麼架構。那麼這就時從架構開始的。于是乎，我 Google 了一下 IOS 目前流行的架構，我得到的答案時 MVVM。那麼學習開始，再加上之前學習RxJava的時候搜尋到了一篇RxJava和RxSwift的對比文章，是以就催生了這篇文章，順便我自己也整理記錄一下。歡迎交流學習。

1，在兩端語言中都使用了 rx ，分别時 RxJava 和 RxSwift 。是 rx 系列的不同語言的實作，這裡就不介紹了。

2，Retrofit 和 Moya 兩者也很相似，可以說 Moya 是 Swift 版的 Retrofit 。兩者都要定義一個 BaseUrl，然後定義方法（get，post 等），路徑，參數。不同方法的路徑和參數不同。隻是Retrofit不在同一個檔案中進行設定。

3，mvvm 是 mvp 的進一步的産物。據我個人認知 android 這邊架構流行mvp，Swift 這邊架構流行 mvvm，是以 Android 架構用的是 mvp，Swift 架構用的是mvvm。

android和ios目前流行架構對比學習

首先來看下目錄架構：

android和ios目前流行架構對比學習

運作效果：

android和ios目前流行架構對比學習

兩端的 model

先從相似點入手：

1.Android 和 Swift 都有Model，但是 Android 的 Model 是處理網絡請求的，它的功能是提供資料。而 Swift 的 Model 則記錄一些屬性，相當于 Android 的 bean。由于 swift 的 Model 相當于 bean 我就不過多介紹了。

Android Model

public class MainModelImpl implements MainContract.Model{
    RetrofitService retrofitService;
    public MainModelImpl() {
//        Retrofit retrofit = new Retrofit.Builder()                              //生成執行個體
//                .baseUrl("http://192.168.191.1:3000/")                         //基礎url，會拼接NetService中的參數
//                .addConverterFactory(GsonConverterFactory.create())            //使用Gson解析
//                .addCallAdapterFactory(RxJavaCallAdapterFactory.create())      //加入RxJava的擴充卡
//                .build();
        retrofitService = RetrofitServiceInstance.getInstance();
    }


//  通路網絡
    @Override
    public Observable<LoginBean> loginAPP(String username, String password) {
        return retrofitService.loginAPP(username,password)
                .compose(RxHelper.<LoginBean>handleResult());
    }
    //   自己構造資料，模拟通路
    @Override
    public Observable<LoginBean> loginLocal(final String username, final String password) {
        L.e("========>"+username);
        L.e("========>"+password);
        return Observable.create(new Observable.OnSubscribe<LoginBean>() {
            @Override
            public void call(Subscriber<? super LoginBean> subscriber) {
                if (username.equals("123456") && password.equals("123456")) {
                    subscriber.onNext(new LoginBean("this token is local", "0"));
                    subscriber.onCompleted();
                } else {
                    subscriber.onNext(new LoginBean("this token is local", "1"));
                    subscriber.onCompleted();
                }
//                可以自己判斷一些出現錯誤的情況
//                subscriber.onError(new Exception("錯誤！"));
            }

        });
    }
}

在這裡用到了一些Rx的封裝，是從鴻洋大神的微信公衆号中引用過來的，這裡貼一下原作者連結

原文連接配接

兩端的邏輯控制器（presenter 和 viewmodel）

2.Presenter（A）和 ViewModel（I）：Presenter 處理業務邏輯，從 Model中擷取資料。ViewModel 則兩者都有。

Android Presenter

public class MainPresenterImpl extends BasePresenter<MainContract.View> implements MainContract.Presenter {
    MainContract.Model model;

    public MainPresenterImpl() {
        this.model = new MainModelImpl();
    }

    @Override
    public void loginApp(String username, String password) {
    //        model.loginAPP(username, password)//這裡我注釋掉了需要網絡的方法并隐藏了我個人的測試接口，
// 如果懂得背景語言的話，也可以自己寫個接口
        model.loginLocal(username, password)
                .flatMap(new Func1<LoginBean, Observable<String>>() {
                    @Override
                    public Observable<String> call(final LoginBean loginBean) {
                        L.d("進行儲存token的操作==>" + loginBean.getToken());
                        StringBuilder statue = new StringBuilder();
                        statue.append("該帳号的身份是：");
                        if (loginBean.getStatue().equals("0")) {
                            statue.append("管理者")  ;
                        } else {
                            statue.append("普通使用者")  ;
                        }
                        return Observable.just(statue.toString());
                    }
                })
                .subscribeOn(Schedulers.io())                            //釋出者在背景線程中運作
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe(new Subscriber<String>() {
                    @Override
                    public void onCompleted() {
                        L.e("=========>onCompleted");
                    }

                    @Override
                    public void onError(Throwable e) {
                        getMyView().setResult("該帳号登入失敗！");
                        L.e("=========>onError");
                    }

                    @Override
                    public void onNext(String s) {
                        L.e("=========>onNext");
                            getMyView().setResult(s);
                    }
                });
    }


}

Swift ViewModel

這裡文章中給出的代碼和後面給出源碼有點不同，做了點修改

import Foundation
import RxSwift
import Moya
import RxDataSources

class ViewModel {
    private let provider = RxMoyaProvider<MoyaAPI>()
    func login(username:String,password:String) -> Observable<String> {
        return provider.request(.LoginAPP(username: username, password: password))
            .mapJSON()//映射 json 資料
            .mapObject(type: BaseModel.self)
            .flatMap{ (value : BaseModel) -> Observable<String> in
                print("進行儲存token的操作==>\(value.data!["token"]!)")
                let str:String
                guard "\(value.data!["statue"]!)" != "0" else{
                    return Observable.just("登入錯誤")
                }
                if "\(value.data!["statue"]!)" == "0"{
                    str = "該賬号的身份是：管理者"
                }else{
                    str = "該賬号的身份是：普通使用者"
                }
                return Observable.just(str)
        }
    }

    func loginLocal(username:String,password:String) -> Observable<String> {
        return Observable.create({ (subscribe) -> Disposable in
            if username == "123456" && password == "123456"{
                let basemodel = BaseModel(code: "200", message: "success", data: ["token" : "this token is local" as AnyObject,"statue":"0" as AnyObject])
                subscribe.onNext(basemodel)
            }else{
                let basemodel = BaseModel(code: "200", message: "success", data: ["token" : "this token is local" as AnyObject,"statue":"1" as AnyObject])
            subscribe.onNext(basemodel)
            }
            subscribe.onCompleted()
            return Disposables.create()
        })
            .flatMap{ (value : BaseModel) -> Observable<String> in
                print("進行儲存token的操作==>\(value.data!["token"]!)")
                let str:String
                if "\(value.data!["statue"]!)" == "0"{
                    str = "該賬号的身份是：管理者"
                }else{
                    str = "該賬号的身份是：普通使用者"
                }
                return Observable.just(str)
        }
    }
}

兩端 view 的實作

3.View，在 Android 這邊 Activity 充當 View 的角色，在 Swift 中ViewController 充當這View的角色。

Android

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    presenter = new MainPresenterImpl();
    presenter.attachView(this);//綁定view
    init();
    event();
}
private void event() {
    btLogin.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            presenter.loginApp(etUsername.getText().toString(), etPassword.getText().toString());
        }
    });
}
@Override
public void setResult(String result) {
    tvResult.setText(result);
}

在Android這邊，Presenter一般需要綁定Activity的生命周期，避免持續的引用，造成記憶體洩漏，這裡了我沒有貼出來，在源碼檢視。

Swift

let disposeBag = DisposeBag()
    let viewModel  = ViewModel()
    //以下三行相當于 findViewById()
    @IBOutlet weak var tfUsername: UITextField!//相當于 EditText
    @IBOutlet weak var ftPassword: UITextField!//
    @IBOutlet weak var lbResult: UILabel!//相當于 TextView

    //點選事件
    @IBAction func btClick(_ sender: UIButton) {
//        viewModel.loginLocal(username: tfUsername.text, password: ftPassword.text)//這裡我注釋了需要網絡的方法接口，改用本地的
        viewModel.loginLocal(username: tfUsername.text!, password: ftPassword.text!)
            .asDriver(onErrorJustReturn: "")//幫你保證在UI線程中執行代碼 等
            .drive(lbResult.rx.text)
            .addDisposableTo(disposeBag)//自動銷毀相關的訂閱
    }

view 這裡 Swift 也用了 Rx ,在學 swift 的時候看到一種觀點：view 不應該更改資料，隻用來顯示資料。這裡我參考了這個觀點。

兩端的庫依賴

Android Gradle

compile 'com.android.support:appcompat-v7:24.2.1'
compile 'com.squareup.retrofit:retrofit:2.0.0-beta2'
compile 'com.squareup.retrofit:adapter-rxjava:2.0.0-beta2'
compile 'com.squareup.retrofit:converter-gson:2.0.0-beta2'
compile 'io.reactivex:rxandroid:1.2.0'
compile 'io.reactivex:rxjava:1.1.0'

Swift Cocopods

use_frameworks!

target 'Login_rxswift' do
pod 'RxSwift',    '~> 3.0.0-beta.1'
pod 'RxCocoa',    '~> 3.0.0-beta.1'
pod 'ObjectMapper', '~> 2.2'
pod 'Moya/RxSwift', git: 'https://github.com/Moya/Moya.git', tag: '8.0.0-beta.4'
pod 'RxDataSources', '~> 1.0'
pod 'SnapKit', '~> 3.0.2'
end

post_install do |installer|
installer.pods_project.targets.each do |target|
target.build_configurations.each do |config|
config.build_settings['SWIFT_VERSION'] = '3.0'
config.build_settings['MACOSX_DEPLOYMENT_TARGET'] = '10.10'
end
end
end

服務端的實作

為了真是測試這個小 demo，我用 nodejs 的 express 架構寫個簡單的背景，其主要代碼就是下面這段：

router.post('/login2', function (req, res) {
    if (req.body.username == "123456" && req.body.password == "123456") {
        res.json({"code": "200", "message": "success", "data": {"token": "this token is from server", "statue": "0"}});
    } else {
        res.json({"code": "200", "message": "success", "data": {"token": "this token is from server", "statue": "1"}});
    }
});

源碼下載下傳連結下載下傳密碼: k2i4

我的簡書位址

參考文章：

https://github.com/devxoul/RxTodo/blob/master/README.md

http://blog.dianqk.org/2016/07/06/learn-rxtodo/

http://www.jianshu.com/p/178b6e24ba7e

關注微信公衆号，擷取最新技術文章

android和ios目前流行架構對比學習

android和ios目前流行架構對比學習

兩端的 model

兩端的邏輯控制器（presenter 和 viewmodel）

兩端 view 的實作

兩端的庫依賴

服務端的實作

關注微信公衆号，擷取最新技術文章

繼續閱讀

Android MVP架構MVCMVP

mvp初探

Android常用工具類簡介目錄

android常用工具類轉載自：http://www.trinea.cn/android/android-common-utils/Android常用工具類

Android常用工具類ToastUtilsSizeUtilsLogUtilsRetrofitManagerAnimUtil

swift資料合集

蘋果稽核 Guideline 2.1 - Information Needed

Android Studio 0.8.0解決 Failure [INSTALL_FAILED_OLDER_SDK] 問題

Android – ListView 中添加按鈕，動态删除添加ItemView的操作

Kotlin的ListView與RecyclerView的簡單應用

關于公司的那些坑：Android Studio篇

android SQLite事務和kotlin協程

無法正常編譯錯誤Compilation failed to complete

關于Gradle配置的小結

AOP程式設計_Android優雅權限架構(1)概念基礎，2021金三銀四前言正文大綱正文

Android APK檔案反編譯Android APK檔案反編譯