DCloud

本文的合集已經編著成書，高級Android開發強化實戰，歡迎各位讀友的建議和指導。在京東即可購買：https://item.jd.com/12385680.html

Android

DCloud是HTML5開發App的一個模式, 由國人開發的, 介紹就不多說了, 直接官網看吧.
網址: http://www.dcloud.io/

優勢呢, 就是支持一些常見的國產第三方庫, 如微信, 微博, 高德一類的.
劣勢呢, 竟然不能直接用gradle加載庫, 沒有使用maven管理! 文檔也不是很詳細.

那么我們怎么集成到項目里呢? 我們就拿HelloWorld來測試一下.

1. 準備

首先下載SDK代碼
http://download.dcloud.net.cn/Android-SDK@1.9.6.19855_20150921.zip

直接解壓就行, 我們需要熟悉的是HBuilder-Integrate這個工程.

新建一個嶄新的HelloWorld工程.
依次需要添加libs, assets, jniLibs, 沒有則在工程內創建對應的文件夾.
加載依賴Jar包, 把HBuilder-Integrate的libs的內容全部復制到新的工程.

加載libs庫(build.gradle, 默認): compile fileTree(dir: 'libs', include: ['*.jar'])
注意: 如果類出現冗余沖突, 則把jar包刪掉即可. 因為庫較多, 所以必然會和已有的庫沖突, 刪掉沖突的即可. 當然在實際的開發中, 也不必全部引入, 需要什么加載什么就行.

把assets的內容全部復制到新的工程.

assets內容就是H5的頁面, 在main下新建assets文件夾就行.

把jniLibs的內容全部復制到新的工程.

在AndroidManifest中添加權限, 因為Demo用的功能較多, 權限特別多!

準備工作已經完成.

2. 修改工程

修改項目的layout, 添加一個FrameLayout, 用來加載H5頁面.

<RelativeLayout...>

    ...
    
    <FrameLayout
        android:id="@+id/js_contaner"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>

MainActivity中添加H5的內容.
先復制WebAppMode類, 用于連接Activity和H5頁面, 不用修改.

再添加代理

    private EntryProxy mEntryProxy;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ...

        if (mEntryProxy == null) {
            FrameLayout f = (FrameLayout) findViewById(R.id.js_contaner);
            wm = new WebappMode(this, f);
            mEntryProxy = EntryProxy.init(this, wm);
            mEntryProxy.onCreate(savedInstanceState, SDK.IntegratedMode.WEBAPP, wm);
        }
    }

    @Override
    public void onPause() {
        mEntryProxy.onPause(this);
        super.onPause();
    }

    @Override
    public void onResume() {
        super.onResume();
        mEntryProxy.onResume(this);
    }

    @Override
    protected void onDestroy() {
        mEntryProxy.onStop(this);
        super.onDestroy();
    }

注意: onDestroy調用的是onStop, 這樣在后退時不會完全關閉連接, 啟動時就可以直接加載. 否則會出現后退之后, 無法加載, 空頁面的情況.

3. 效果

OK, 啟動一下看看效果吧!

HTC5.0測試效果

DCloud的Demo寫的還可以, 里面的功能比較豐富.

OK, enjoy it.