跨界 - Omi 發佈多端統一框架 Omip 打通小程序與 Web

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。

一樣的語法，一樣的書寫格式，運行在不一樣的平臺、不一樣的環境，除了一些平臺特有的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 團隊

Github

github.com/Tencent/omi