近兩年來小程式逐漸成為互聯網的一個行業風口,一直備受業界關注,各大廠也接踵推出了自己的小程式,近日京東也推出了小程式:京東小程式,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),不定時推送文章:

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/103999.html
標籤:JavaScript
下一篇:vue多頁面與單頁面開發的區別。
