跨界 - Omi 釋出多端統一框架 Omip 打通小程式與 Web
Omip
今天,Omi 不僅僅可以開發桌面 Web、移動 H5,還可以直接開發小程式!直接開發小程式!直接開發小程式!
Omi 簡介
Omi 框架是微信支付線研發部研發的下一代前端框架, 基於 Web Components 規範設計的元件化框架,可以開發 PC Web、移動端 H5,也可以直接使用 Omi 開發小程式。Omi 服務於微信支付 H5 頁面, 微信支付 PC 網站以及內部 OA 系統,微信支付相關的小程式等。自去年年底開源以來,該專案共獲得 Star 數 7000+,貢獻者 40+。Omi 藉助京東 O2Team 優秀的 taro 多端統一框架,以及 Omi 開發團隊和社群貢獻者近期的共同努力,使 Omi 打通了小程式與 Web。細心的使用者會發現,Omi 的 slogan 從 下一代 Web 框架 變更為 下一代前端框架 , 因為 Omip 的加入,Omi 生於 Web 卻能脫離 Web。
同樣的語法,同樣的書寫格式,執行在不同的平臺、不同的環境,除了一些平臺特有的API,幾乎不用任何改動! 老的 Omi 專案做一些極其微小的改動(平臺特性相關)就能跑在安卓/IOS的小程式裡。
- Learn Once, Write Anywhere
- Write Once, Run Anywhere
Omip 特性
- 一次學習,多處開發,一次開發,多處執行
- 使用 JSX,表達能力和程式設計體驗大於模板
- 支援使用 npm/yarn 安裝管理第三方依賴
- 支援使用 ES6+
- 支援使用 CSS 預編譯器
- 小程式 API 優化,非同步 API Promise 化
- 超輕量的依賴包,順從小程式標籤和元件的設計
快速開始
npm i omi-cli -g omi init-p my-app cd my-app npm start
node 版本要求 >= 8
把小程式目錄設定到 dist 目錄就可以愉快地除錯了!
npx omi-cli init-p my-app
也支援(npm v5.2.0+)
Omip 多端示例
Omi 其他
社群化發展,歡迎加入並貢獻社群
目前 Omi 的貢獻者遍佈國內外各大公司(中國、韓國、美國、土耳其),Omi 共接受了快 40 位貢獻者的文件和程式碼提交,核心貢獻者共 11 名。歡迎有想法有能力有激情的開發者加入貢獻者行列並最終能夠進入 Omi Team。
你可以從這幾個方面貢獻:
1.翻譯文件,目前有中文、英文和韓文,歡迎其他語言版本的翻譯加入
2.提交補丁程式碼優化 Omi
3.積極參與 Issue 的討論,如答疑解惑、提供想法或報告無法解決的錯誤
4.貢獻案例,可以是管理後臺、PC 網站、移動端 H5等等
5.完善文件,可以反覆修正文件,讓其更易懂,上手更快
6.擴充套件 Omi 生態,編寫 Omi 自定義元件
7.分享與 Omi 的故事
8.寫 Omi 相關的 blog
我們非常歡迎開發者們為騰訊開源貢獻一份力量,相應也將給予貢獻者激勵以表認可與感謝。參見 騰訊貢獻者激勵計劃
Omi 交流群
歡迎加入Omi交流群,群聊號碼:256426170,也可掃碼加入:
感謝
- 感謝京東 O2Team taro 專案
- 感謝京東 O2Team taro 團隊