狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

背景

最近我所在的團隊有想在一個 APP 上運行微信小程序，目前這個 APP 是采用 Native+H5 的形式，主要存在以下問題：

• H5不支持本地緩存
• H5無法獲取APP原生的一些系統權限(類似訪問通訊錄、調用硬件、訪問藍牙)
• 一個APP往往由 IOS 和 Android 兩個團隊維護，不僅浪費人力，還經常因為應用商店審核導致發版不一致

因此，如果我們在 APP 上運行小程序，那就是 Native+小程序 的架構，一套代碼跨平臺運行，還可以很方便地使用小程序自身的能力，而且還不會影響 APP 安裝包體積，簡直是普大喜奔！

讓 APP 運行小程序的原理

小程序在 App 上運行的實現原理簡單理解就是通過將小程序文件加載到一個 Web View 中，然后使用小程序引擎解析和執行小程序的邏輯。通過通信機制，實現小程序引擎和 Web View 之間的交互，從而讓小程序在 App 中展示和運行。

其中，至少會涉及以下幾個關鍵步驟：

1. 小程序打包：使用小程序開發工具將小程序的代碼、資源文件等進行打包，生成一個小程序的包文件。這個包文件包含了小程序的邏輯代碼、頁面結構、樣式表、圖片等資源。
2. 創建 Web View：在 App 中，創建一個 Web View 組件，用于加載和顯示小程序的內容。Web View 是一個嵌入式的瀏覽器視圖，可以加載和渲染網頁內容。
3. 加載小程序包：將小程序的包文件加載到 Web View 中。這可以通過將小程序包文件的路徑或 URL 設置為 Web View 的 src 屬性來實現。
4. 小程序引擎解析：小程序引擎會解析小程序的包文件，包括解析小程序的邏輯代碼、頁面結構和樣式表等。它會構建小程序的頁面樹，并進行頁面渲染。
5. 通信機制：小程序引擎和 Web View 之間通過一種通信機制進行交互。這種通信機制可以是基于消息傳遞的方式，通過事件、消息或函數調用來傳遞數據和觸發操作。
6. 事件處理：小程序引擎會監聽用戶的交互事件，例如點擊、滑動等，然后觸發相應的事件處理函數。這些事件處理函數可以包含小程序的業務邏輯，例如頁面跳轉、數據更新等。
7. 數據綁定：小程序引擎會根據數據綁定的定義，將數據和頁面元素進行綁定。當數據發生變化時，引擎會自動更新頁面上對應的元素。
8. 適配和兼容：由于小程序在 App 中運行，可能會有一些樣式和交互上的差異。因此，需要進行適配和兼容處理，確保小程序在 App 中正常展示和運行。

總的來說，就是需要一個 sdk 來提供小程序的運行環境，而實現這個 sdk 并沒有那么容易。然后我們調研了一下，了解到有一個最近在Github上很熱門的前端小程序容器技術 —— Finclip(https://www.finclip.com/)。

它的核心功能就是能夠讓任何APP擁有小程序的運行能力，只需要在你的 App 里面集成它的 SDK，就能加載運行小程序了。除了SDK，同時它還提供一個后臺管理系統，統一管理小程序的上架和下架，以及收集和分析小程序數據，對開發來說，可謂是極其便捷。

FinClip 介紹

FinClip 是一個低成本用于將小程序轉換為在自身App運行的優秀容器框架之一，其具備以下特性：

• 輕量的小程序SDK；
• 完善的開發者工具；
• 面向業務的全生命周期管理；
• 支持一鍵將小程序轉為原生App*；
• 兼容微信小程序語法與登錄體系；
• 支持在 Android 、ios、鴻蒙、Flutter、windows、車機 等系統中集成；

同時，FinClip 也是一個生態性的協作平臺，用戶可以與企業、SDK插件提供商、小程序開發運營商、云平臺SaaS服務商協作，研發個性化的超級App，其具體的平臺組成圖如下：

云側代表FinClip 小程序管理后臺，可管理小程序的開發、上架等全生命周期進行；

端側代表FinClip 小程序 SDK，代表集成了 FinClip 小程序 SDK 的移動 App 或各類智能設備，用于向其提供能夠運行小程序的能力；

開發者工具則主要用于編寫，調試，上傳，預覽小程序代碼。

官網的使用文檔也很詳細：https://www.finclip.com/mop/document/runtime-sdk/ios/ios-intro.html?

集成步驟

登錄后臺

首先在管理后臺，創建小程序，生成appID。

在開發者工具登錄賬號后，選擇之前創建的APPid

然后我導入了之前開發的微信小程序項目到開發者工具中：

首次運行的體驗還是很不錯的，從導入項目，到編譯成功速度非常快，用時10秒左右。簡單體驗了一下FinClip編輯器，和微信小程序開發者工具在日常使用上并沒有差異，并未新增學習成本。

要在手機預覽小程序效果，需要使用FinClip APP掃碼

真機體驗了一下，發現只有獲取用戶登錄狀態失敗。（畢竟不是在微信上登錄），其他功能體驗起來還是非常流暢的：

真機測試后，發布到FinClip平臺，看看效果，發現灰度發布的功能比較贊：

總結

當前技術環境，相對于原生應用而言，小程序具有輕量化、無需安裝、開發門檻低、跨平臺、生態豐富等優勢，對于一些簡單的應用場景和快速開發，小程序是一種不錯的選擇。從各平臺App去看，無論是支付寶、抖音、微信，也都選擇小程序作為動態化的關鍵容器。因此，FinClip 確實是一個性價比最高的選擇。