anyRTC uni-app 跨平臺SDK 發布!總有一款適合你！-有解無憂

簡述

近期，收到很多的開發者伙伴的留言和建議，讓我們適配uni-app 平臺，來滿足他們的跨平臺開發的需求，anyRTC秉承著為廣大開發者提供便利的開發環境，和對開發者們的支持，經過半月的努力，終于完成了uni-app 跨平臺SDK的開發和測驗，

截止到今天為止，anyRTC跨平臺SDK已經包括了Electron、Flutter、uni-app 框架，為眾多的開發者們提供了更多的選擇，和更加良好的開發環境，

什么是uni-app

uni-app 是一個使用 Vue.js 開發跨平臺應用的前端框架，開發者撰寫一套代碼，可編譯到iOS、Android、H5、小程式等多個平臺，

uni-app 繼承自 Vue.js，提供了完整的 Vue.js 開發體驗，

uni-app 組件規范和擴展api與微信小程式基本相同，有一定 Vue.js 和微信小程式開發經驗的開發者可快速上手 uni-app ，開發出兼容多端的應用，

uni-app的優點

uni-app在跨端數量、擴展能力、性能體驗、周邊生態、學習成本、開發成本等6大關鍵指標上擁有極強的競爭優勢，

功能框架

從下面uni-app功能框架圖可看出，uni-app在跨平臺的程序中，不犧牲平臺特色，可優雅的呼叫平臺專有能力，真正做到海納百川、各取所長，

一套代碼，運行多個平臺

uni-app實作了一套代碼，同時運行到多個平臺；如下圖所示，一套代碼，同時運行到iOS模擬器、Android模擬器、H5、微信開發者工具、支付寶小程式Studio、百度開發者工具、位元組跳動開發者工具、QQ開發者工具（底部8個終端選項卡代表8個終端模擬器）：

實際運行效果如下：

總結

對于技術人員而言：不用學那么多的平臺開發技術、研究那么多前端框架，學會基于vue的uni-app就夠了，
對于公司而言：更低成本，覆寫更多用戶，uni-app是高效利器，

uni-app 實時音視頻快速接入

以Android平臺為例，介紹一下uni-app原生插件

什么是uni原生插件

uni原生插件指的是將您本地原生開發的功能按照規范封裝成插件包，然后即可在uni-app前端專案中通過js呼叫您開發的原生能力，

開發環境

JAVA環境 jdk1.7+(最優1.8)
Android Studio 下載地址：Android Studio官網 OR Android Studio中文社區
下載uni小程式 2.9.8+SDK 詳情；
HBuilderX-2.9.8+

代碼實作

舉例說明擴展 module：

1.創建Android Studio的Module模塊

在現有Android專案中創建library的Module，例如TestModule
配置剛創建的Module的build.gradle資訊，

 //匯入aar需要的配置
 repositories {
     flatDir {
         dirs 'libs'
     }
 }
 dependencies {
     //必須添加的依賴
     compileOnly 'com.android.support:recyclerview-v7:27.1.0'
     compileOnly 'com.android.support:support-v4:27.1.0'
     compileOnly 'com.android.support:appcompat-v7:27.1.0'
     compileOnly 'com.alibaba:fastjson:1.1.46.android'

     compileOnly fileTree(include: ['uniapp-release.aar'], dir: '../app/libs')
 }

Tips:

uniapp-release.aar是擴展module主要依賴庫，必須匯入此依賴庫！

2.創建TestModule類

Module 擴展必須繼承 UniModule 類

 public class TestModule extends UniModule

擴展方法必須加上@UniJSMethod (uiThread = false or true) 注解，UniApp 會根據注解來判斷當前方法是否要運行在 UI 執行緒，和當前方法是否是擴展方法，
UniApp是根據反射來進行呼叫 Module 擴展方法，所以Module中的擴展方法必須是 public 型別，

 //run ui thread
 @UniJSMethod(uiThread = true)
 public void testAsyncFunc(JSONObject options, UniJSCallback callback) {
     Log.e(TAG, "testAsyncFunc--"+options);
     if(callback != null) {
         JSONObject data = new JSONObject();
         data.put("code", "success");
         callback.invoke(data);
     }
 }

 //run JS thread
 @UniJSMethod (uiThread = false)
 public JSONObject testSyncFunc(){
     JSONObject data = new JSONObject();
     data.put("code", "success");
     return data;
 }

同樣因為是通過反射呼叫，Module 不能被混淆，請在混淆檔案中添加代碼：

-keep public class * extends io.dcloud.feature.uniapp.common.UniModule{*;}

3.注冊TestModule

由于uni小程式運行在獨立子行程中，記憶體與宿主不共享，所以宿主行程注冊了TestModule，在uni小程式是無法使用的， Android創建子行程時會主動再次初始化Application！所以uni小程式注冊TestModule必須在Application中的onCreate初始化或注冊，

Tips

注冊TestModule之前記得配置宿主的build.gradle匯入Module模塊.
以下示例代碼寫在宿主的Application中，

public class App extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        try {
            UniSDKEngine.registerModule("TestModule", TestModule.class);
        } catch (UniException e) {
            e.printStackTrace();
        }
    }
}

到此，我們已經完成了一個簡單的 module 擴展

4. 在 uni小程式中呼叫 module 方法

module 支持在 vue 和 nvue 中使用

<template>
    <div>
        <button type="primary" @click="testAsyncFunc">testAsyncFunc</button>
        <button type="primary" @click="testSyncFunc">testSyncFunc</button>
    </div>
</template>

<script>
    // 獲取 module 
    var testModule = uni.requireNativePlugin("TestModule")
    export default {
        methods: {
            testAsyncFunc() {
                // 呼叫異步方法
                testModule.testAsyncFunc({
                        'name': 'unimp',
                        'age': 1
                    },
                    (ret) => {
                        console.log(ret)
                    })
            },
            testSyncFunc() {
                // 呼叫同步方法
                var ret = testModule.testSyncFunc({
                    'name': 'unimp',
                    'age': 1
                })
                console.log(ret)
            }
        }
    }
</script>

Tips:

uni.requireNativePlugin僅用于獲取UniModule的物件，UniComponent不支持該方法！

應用場景

uni-app 跨平臺SDK的應用場景非常廣泛，無論是在日常生活中，還是在其他領域都有很多的用武之地，

教育方面

一對一小班課：學校內部局域網溝通；視頻家訪；一對一教學；輕松實作跨區域交流互動，一對一在線教育模式也是具個性化的，可以全方面把控教學程序，一對一在線教育因材施教，全方位為學生制定學習計劃，從而更具針對學生的特質并對癥下藥，更重視學習方法，為學生營造了一種全新的學習氛圍，通過相互感染，使學生在學習程序中產生學習的動力和強烈的學習意識，讓學生更加關注學習，
在這里插入圖片描述

在線金融

金融貸款：從遞交申請材料到貸款發放，移動端即可輕松實作，在線審核辦理貸款，同步錄制控制貸款風險，
在這里插入圖片描述

視頻客服：一對一專屬視頻客服，可普遍運用于銀行客服、線上審核服務等業務，可在線確認客戶情況，辦理業務，提高業務辦理速度，節約資源，也為客戶提供更為便捷的服務，視頻客服通過協調溝通、支持情感表達以及實時分享內容，為客戶提供了更豐富的存在感、個性化體驗，配備了錄音/錄屏工具，主管/經理可以檢查每個視頻互動，以查看客服中心座席是否對客戶有同情心和情感反應，

智能終端

智能終端可應用于小區物業管理，智能手表、眼鏡，無人機等設備上，通過音視頻傳輸高效解鎖，撥通電話等進行實時音視頻通話，點對點的音視頻通訊，可對智能終端實作自我控制、遠程控制、好友管理、及影像等功能，可以遠程遙控進行布防或者撤防，并記錄下全程序，智能終端將極大地改變人們未來的生活圖景，為我們的作業效率、生活便利性帶來了極大的提升，成為我們生活中不可或缺的一部分，
在這里插入圖片描述