不同於移動端原生開發，當開發者使用weex移動開發時，使用第三方SDK比較棘手。因為第三方的JS SDK是無法直接拿來使用的，環境不同。必須使用原生SDK，下面我介紹一下自己是如何在weex開發時(安卓)使用leancloud的服務的。


首先去leancloud的安卓SDK下載頁面，下載SDK，這裡我只使用了最基礎的SDK包

其實用Gradle也可以啊，我喜歡下載手動整合。
然後在mainApplication.java檔案中onCreat()方法裡初始化


    AVOSCloud.initialize(this,yourappid,yourappkey)   
做過weex開發都知道，這個方法裡面還會初始化WXSDKEngine和ImageAdapter，它們不衝突。
 


    InitConfig config = new InitConfig.Builder().setImgAdapter(new ImageAdapter()).build();
    WXSDKEngine.initialize(this,config);
現在進入正題了，如何在weex頁面實現上傳圖片呢？
Step.1  擴充套件一個Module，呼叫手機系統的相簿

    @WXModuleAnno(runOnUIThread = true)
    public void uploadimage(){
        int REQUESTCODE_PICK = 0;
        Intent intent;
        if(Build.VERSION.SDK_INT < 19){
            Log.d("chenlei api level","Your api is lower than 19");
            intent = new Intent(Intent.ACTION_GET_CONTENT);
            intent.setType("image/*");
        }else{
            Log.d("chenlei api level","Your api is higher than 19");
            intent = new Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
        }
        ((Activity)mWXSDKInstance.getContext()).startActivityForResult(intent,REQUESTCODE_PICK);
    }
 

Step.2 在負責渲染weex頁面的activity類裡，重寫onActivityResult方法


 

   protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        Toast.makeText(getApplicationContext(),"這個函式有效嗎？",Toast.LENGTH_SHORT);
        super.onActivityResult(requestCode, resultCode, data);
        String s = String.valueOf(resultCode);
        if(resultCode == Activity.RESULT_OK && requestCode ==  REQUESTCODE_PICK){
            Uri uri = data.getData();
            Cursor cursor = getContentResolver().query(uri, null, null, null,null);
            if (cursor != null && cursor.moveToFirst()) {
                Path = cursor.getString(cursor.getColumnIndexOrThrow(MediaStore.Images.Media.DATA));
                Log.d("Path", Path);
            }
            try {
                final AVFile file = AVFile.withAbsoluteLocalPath("test.png",Path);
                file.saveInBackground(new SaveCallback() {
                    @Override
                    public void done(AVException e) {
                        Log.d(TAG, file.getUrl());
                        WXBridgeManager manager = WXBridgeManager.getInstance();
                        Map<String,String> urlData = new HashMap<String, String>();
                        urlData.put("url",file.getUrl());
                        urlData.put("showimage","true");
                        urlData.put("uploadhint","改變圖片");
                        urlData.put("showdelete","true");
                        String jsonStr = JSON.toJSONString(urlData);
                        WXRefreshData refreshData = new WXRefreshData(jsonStr,false);
                        manager.refreshInstance(mInstance.getInstanceId(),refreshData);
                    }
                }, new ProgressCallback() {
                    @Override
                    public void done(Integer integer) {
                        Toast.makeText(getApplicationContext(),"已經上傳"+String.valueOf(integer)+"%",Toast.LENGTH_SHORT).show();
                    }
                });
            }catch(Exception e){
                Toast.makeText(getApplicationContext(),"上傳圖片失敗",Toast.LENGTH_SHORT).show();
            }
        }else {
            Toast.makeText(getApplicationContext(),"請選擇圖片",Toast.LENGTH_SHORT).show();
        }
    }
 

小提示：我們可以在AVFile的回撥函式中建立WXBridgeManager獲取當前例項，獲取檔案上傳的進度和最終URL，來更新頁面元件狀態和資訊。
簡單幾步，就實現了leancloud在weex開發中的使用，感謝leancloud提供的優秀資源，你們是開發者的福音呀。
更多原始碼可以去github上檢視，歡迎拍磚和star。
專案地址----------->[leancloud在weex開發中的使用專案例項][1]




  [1]: https://github.com/iChenLei/weex-android-joke
有任何疑問可以聯絡我的Email [email protected]，交流weex和leancloud開發。