近兩年來小程式逐漸成為互聯網的一個行業風口,一直備受業界關註,各大廠也接踵推出了自己的小程式。近日京東也推出了小程式: " 京東小程式 " 。Taro 作為一款專註於多端統一開發的框架,第一時間對京東小程式進行了適配。接下來就跟著小編一起瞭解一下如何使用 Taro 快速開發京東小程式吧。 背景 京東 ...
近兩年來小程式逐漸成為互聯網的一個行業風口,一直備受業界關註,各大廠也接踵推出了自己的小程式。近日京東也推出了小程式:京東小程式。Taro 作為一款專註於多端統一開發的框架,第一時間對京東小程式進行了適配。接下來就跟著小編一起瞭解一下如何使用 Taro 快速開發京東小程式吧。
背景
京東小程式
京東小程式平臺是京東自研技術(能力)開放平臺,平臺集成京東特色功能,串聯商家和用戶。為用戶提供延展服務,給商家帶來新機遇。京東小程式平臺不僅支持存量自營、POP商家自動開通,還支持新型的非電商領域商家參與小程式生態。
加入京東小程式開放平臺的商家,可以利用京東平臺完整的營銷、交易、支付、會員、物流等能力,更加便捷地構建起自己的特色服務場景。助力商家實現生態場景上的“躍遷”,快速為用戶提供一站式服務體驗。
京東小程式只需一次開發即可運行在京東 APP、京東金融 APP、京麥 APP 三端。京東 APP、京東金融 APP 會開放特定的能力,對優質小程式還會開放多個高流量入口,包含掃碼、搜索、消息等多種方式觸達。而京麥 APP 小程式主要用於商家工具插件的開發定製。
Taro
Taro 是凹凸實驗室推出的一套遵循 React 語法規範的多端統一開發解決方案,也是京東小程式官方推薦的開發框架。
使用 Taro 開發不但能更規範、更有效率地編碼, 暢享 React / Vue 生態的各種工具。更重要的是只需編寫一份代碼,即可運行在各種平臺:京東/微信/百度/支付寶/位元組跳動/QQ小程式、快應用、H5、React-Native 等。
如今 Taro 正被廣泛用於京東各大業務,例如京東購物(微信)、京喜(微信、H5、RN)、京東好物街(微信、百度、位元組跳動)、京東到家(微信、H5)等,在業界也被各大型業務廣泛應用,如:58 同城、喜茶、騰訊吐個槽社區等等。
使用 Taro 快速開發京東小程式
入駐京東小程式
進入京東小程式官網,提交相關信息後完成入駐。
開發
1.安裝 Taro 的 CLI 工具:
npm install -g @tarojs/cli
已安裝 Taro 的同學請註意更新 Taro 版本,Taro 自 1.3.20 後支持轉換京東小程式。
2.使用 CLI 創建項目:
taro init [projectName]
3.進入項目根目錄,使用 CLI 編譯項目,根據 Taro 文檔 進行開發:
taro build --type jd [--watch]
4.調試
申請入駐京東小程式成功後,京東小程式會給開發者發放邀請碼,同時提供開發者工具下載,下載後可使用開發者工具進行調試。
Taro 已完全適配京東小程式
Taro 已 100% 完成了轉換京東小程式的工作,全面支持京東小程式的各種特性。
開發中如遇到任何問題或困難,歡迎在 Github Issues、Taro 社區進行反饋,或聯繫 [email protected],我們會儘快給予答覆與支持。
示例項目轉換效果圖
小編嘗試把 Taro Github 上學習資源中的優秀開源項目:仿嚴選多端項目 分別轉換為微信小程式端和京東小程式端,對比可見轉換非常完美,表現效果基本一致。
微信小程式端
京東小程式端
未來規劃
Taro 團隊對於京東小程式是充滿期待和信心的。為此我們討論並規划了一系列工作,由底層框架適配,到輔助業務落地、拓展京東小程式生態,再到京東小程式的可視化自助搭建等,目前已經完成物料市場的部分物料適配驗證並標記支持京東小程式、體驗可視化自助搭建請點擊這個鏈接按照指引申請體驗許可權。
期待大家參與共建
有任何意見建議、業務支持、合作訴求的,盡請發送郵件到 [email protected],我們會第一時間回覆。
心動不如行動,現在就開始使用 Taro 開發你的京東小程式吧~
瞭解更多關於京東小程式
《京東小程式平臺,他來了》
歡迎關註凹凸實驗室博客:aotu.io
或者關註凹凸實驗室公眾號(AOTULabs),不定時推送文章: