桌面端執行小程式的簡易實操
作為程式設計師必須要(xia)精(zhe)進(teng),就單純有一天突然奇想,能否做到像微信一樣在桌面應用也跑上自己的小程式呢?
但這也是一種天馬行空的想法,調研了一番,路徑一:自己造輪子,這是不可能的,沒有這個精力和時間。路徑二:尋找目前能夠以最低成本實現的方式,直接整合已有的小程式執行時 SDK ,但實話實說,在網上找一了一圈資料並無太多的收穫,這樣的技術專案並不多。
直到偶然間看到一位開發大佬的公眾號講到
FinClip
可以支援在移動端和桌面端(Windows、Linux和 macOS)執行小程式,那就隨便上手試試。
說幹就幹!
技術的原理
先一窺這個“小程式容器技術”的原理,顧名思義其實是一種將開發的小程式進行容器化的手段。小程式可以類比為單個服務功能,透過容器化相當於給套上一個殼子, 小程式容器可以當做給“小程式套上一個殼子”。
看官方的介紹 SDK 主要包括應用互動層、安全防護、網路通訊控制和安全執行容器四個元件。
-
應用互動層:應用互動層是為了實現業務應用開啟,完成和監管部門指定機構運營平臺的資料互動、感知上報
-
安全防護:安全防護元件提供安全保護,檢測執行時環境是否安全,如檢測到被動態除錯則退出業務,防止資料或業務邏輯被惡意破解。
-
網路通訊控制:網路通訊控制元件控制小程式的網路訪問,該元件支援黑白名單等功能,可對非白名單訪問請求進行阻斷。
-
安全執行容器:安全容器元件提供小程式的執行環境,該元件採用原生 Web 渲染核心進行渲染,以確保該模組的業務處理邏輯和宿主完全隔離。
細細想下,這樣標準容器化的好處,可以保證在開發語言環境存在差異下,“套殼子的小程式”能獨立執行的同時,也可以與“其他套殼子的小程式”聯動使用。
而至於為什麼“套殼子”就能實現,可以簡單想象不同開發語言環境下,不同小程式相當於兩個說不同語種的人進行協同工作,原本因為語言不通可能會搞砸一些事情。現在“套個殼子”相當於給他們發了翻譯機(也就是編譯的過程),這下溝通方便了,也不影響自己用本語言工作。
這樣來講,透過在桌面應用整合 SDK ,其實也算是實現了 Windows、macOS 等桌面平臺的跨端。
上手開搞
整個桌面端 SDK 的結構如下:
引入 SDK
配置 SDK
在配置 SDK 前還需要在 FinClip 的後臺上架小程式,我上架了官方的示例小程式程式碼包,也嘗試了直接把微信小程式的程式碼包上傳到 IDE 中的,發現也能相容。
在後臺獲取對應的 SDK KEY 與 SDK SECRET。
其實就這兩步就已經完成了SDK的整合工作,還是非常簡單方便的。接下來對其使用示例進行完善。
啟動小程式
嵌入小程式
註冊自定義API
大功基本告成,整體感受還是比較簡單的,並無過多複雜的操作,看得出官方還是做了很好的最佳化。不過需要注意的點:
FinClip 的 桌面端 SDK 基於qt 5.15 和 Chromium Embedded Framework 開發,現在支援了以下 Windows 和macOS 系統
Windows:
-
Windows 10
-
Windows 8.1
-
Windows 7
Macos:
-
Macos 10.13
看看效果
執行小程式的整體效果其實和微信開啟小程式的效果是差不多的,這個還是比較滿意。以下是我桌面端實際執行小程式的結果。
如果做一定適配最佳化,小程式的展示尺寸還可以適配開啟視窗大小,效果也不錯。
個人認為一些企業做OA模組化開發還挺適合在桌面端用小程式的,畢竟小程式能夠實現動態化的更新,不必硬要透過迭代更新實現。
好了以上就是我瞎折騰的全過程,歡迎各位大佬拍磚。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70021577/viewspace-2923270/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 小程式 web 端實時執行工具Web
- 簡易執行緒池實現執行緒
- 微信小程式 簡易搜尋功能實現微信小程式
- 輕易實現基於linux或win執行的聊天服務端程式Linux服務端
- C/S(socket、執行緒 實現多個客戶端、伺服器端簡易通訊)執行緒客戶端伺服器
- 簡易版抽獎小程式
- jQuery實現簡易商城系統專案實操詳解jQuery
- 43、併發程式設計之多執行緒實操篇程式設計執行緒
- C++簡易執行緒池C++執行緒
- 簡易多執行緒下載執行緒
- Go 實現簡易的 Redis 客戶端GoRedis客戶端
- 多執行緒簡易售票程式--孫鑫視訊示例執行緒
- 簡易多執行緒爬蟲框架執行緒爬蟲框架
- 統計程式碼行數簡易程式
- 一起來擼個簡易的小程式框架框架
- 3行程式碼實現一個簡易版promise行程Promise
- Java多執行緒之Executor框架和手寫簡易的執行緒池Java執行緒框架
- Flutter 生成執行小程式的混合App開發實踐FlutterAPP
- windows 服務執行啟動桌面程式Windows
- POSTMAN 單執行緒簡易刷星指令碼Postman執行緒指令碼
- web端作業控制系統簡易實現Web
- 微信小程式的執行緒架構微信小程式執行緒架構
- Qt5 GUI 開發的應用易受遠端程式碼執行漏洞的影響QTGUI
- 用IE遠端建立Mysql資料庫的簡易程式(轉)MySql資料庫
- Rdp遠端桌面簡介,利用遠端桌面連線遠端伺服器的方法伺服器
- 易優執行php程式碼-EyouCms手冊PHP
- Docker簡易版:使用更少擊鍵執行Redis,MongoDBDockerRedisMongoDB
- python實現douban.fm簡易客戶端Python客戶端
- vnc程式, 遠端桌面VNCC程式
- Rd遠端桌面簡介,利用rd遠端桌面連線遠端伺服器的方法伺服器
- 【實操】小程式的應用場景分析——線下場景應用
- 一鍵執行實時的修改,讓Qt遠端除錯更簡單QT除錯
- 使用LoadRunner執行專案效能測試之實操指南
- 動手實操 | 作為一名美女設計師,她用 6 小時寫了個上傳七牛雲的桌面客戶端客戶端
- 程式和執行緒簡介執行緒
- 理解微信小程式的雙執行緒模型微信小程式執行緒模型
- java多執行緒結合單例模式例項,簡單實用易理解Java執行緒單例模式
- C++程式碼實現一個簡易http服務端,返回給客戶端一張圖片C++HTTP服務端客戶端