跨界 - Omi 釋出多端統一框架 Omip 打通小程式與 Web

當耐特發表於2019-02-28

Omip

今天,Omi 不僅僅可以開發桌面 Web、移動 H5,還可以直接開發小程式!直接開發小程式!直接開發小程式!

Github

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。

跨界 - Omi 釋出多端統一框架 Omip 打通小程式與 Web

同樣的語法,同樣的書寫格式,執行在不同的平臺、不同的環境,除了一些平臺特有的API,幾乎不用任何改動! 老的 Omi 專案做一些極其微小的改動(平臺特性相關)就能跑在安卓/IOS的小程式裡。

  • Learn Once, Write Anywhere
  • Write Once, Run Anywhere

跨界 - Omi 釋出多端統一框架 Omip 打通小程式與 Web

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 釋出多端統一框架 Omip 打通小程式與 Web
跨界 - Omi 釋出多端統一框架 Omip 打通小程式與 Web

Omi 其他

跨界 - Omi 釋出多端統一框架 Omip 打通小程式與 Web

跨界 - Omi 釋出多端統一框架 Omip 打通小程式與 Web

社群化發展,歡迎加入並貢獻社群

目前 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,也可掃碼加入:

跨界 - Omi 釋出多端統一框架 Omip 打通小程式與 Web

感謝

  • 感謝京東 O2Team taro 專案
  • 感謝京東 O2Team taro 團隊

Github

github.com/Tencent/omi

相關文章