使用 Taro 快速開發京東小程序


近兩年來小程序逐漸成為互聯網的一個行業風口,一直備受業界關注,各大廠也接踵推出了自己的小程序。近日京東也推出了小程序:京東小程序。Taro 作為一款專注於多端統一開發的框架,第一時間對京東小程序進行了適配。接下來就跟着小編一起了解一下如何使用 Taro 快速開發京東小程序吧。

背景

京東小程序

京東小程序平台是京東自研技術(能力)開放平台,平台集成京東特色功能,串聯商家和用戶。為用戶提供延展服務,給商家帶來新機遇。京東小程序平台不僅支持存量自營、POP商家自動開通,還支持新型的非電商領域商家參與小程序生態。

加入京東小程序開放平台的商家,可以利用京東平台完整的營銷、交易、支付、會員、物流等能力,更加便捷地構建起自己的特色服務場景。助力商家實現生態場景上的“躍遷”,快速為用戶提供一站式服務體驗。

京東小程序只需一次開發即可運行在京東 APP、京東金融 APP、京麥 APP 三端。京東 APP、京東金融 APP 會開放特定的能力,對優質小程序還會開放多個高流量入口,包含掃碼、搜索、消息等多種方式觸達。而京麥 APP 小程序主要用於商家工具插件的開發定制。

jdapp_3apps

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 社區進行反饋,或聯系 taro@jd.com,我們會盡快給予答復與支持。

示例項目轉換效果圖

小編嘗試把 Taro Github 上學習資源中的優秀開源項目:仿嚴選多端項目 分別轉換為微信小程序端和京東小程序端,對比可見轉換非常完美,表現效果基本一致。

微信小程序端

yanxuan_wx

京東小程序端

yanxuan_jd

未來規划

Taro 團隊對於京東小程序是充滿期待和信心的。為此我們討論並規划了一系列工作,由底層框架適配,到輔助業務落地、拓展京東小程序生態,再到京東小程序的可視化自助搭建等,目前已經完成物料市場的部分物料適配驗證並標記支持京東小程序、體驗可視化自助搭建請點擊這個鏈接按照指引申請體驗權限。

期待大家參與共建

有任何意見建議、業務支持、合作訴求的,盡請發送郵件到 taro@jd.com,我們會第一時間回復。

心動不如行動,現在就開始使用 Taro 開發你的京東小程序吧~

了解更多關於京東小程序

《京東小程序平台,他來了》

歡迎關注凹凸實驗室博客:aotu.io

或者關注凹凸實驗室公眾號(AOTULabs),不定時推送文章:

歡迎關注凹凸實驗室公眾號


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM