使用 Taro 快速开发京东小程序

2024-04-07 08:23:50

近两年来小程序逐渐成为互联网的一个行业风口，一直备受业界关注，各大厂也接踵推出了自己的小程序。近日京东也推出了小程序：京东小程序。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 社区进行反馈，或联系 taro@jd.com，我们会尽快给予答复与支持。

示例项目转换效果图

小编尝试把 Taro Github 上学习资源中的优秀开源项目：仿严选多端项目分别转换为微信小程序端和京东小程序端，对比可见转换非常完美，表现效果基本一致。

微信小程序端

京东小程序端

未来规划

Taro 团队对于京东小程序是充满期待和信心的。为此我们讨论并规划了一系列工作，由底层框架适配，到辅助业务落地、拓展京东小程序生态，再到京东小程序的可视化自助搭建等，目前已经完成物料市场的部分物料适配验证并标记支持京东小程序、体验可视化自助搭建请点击这个链接按照指引申请体验权限。

期待大家参与共建

有任何意见建议、业务支持、合作诉求的，尽请发送邮件到 taro@jd.com，我们会第一时间回复。

心动不如行动，现在就开始使用 Taro 开发你的京东小程序吧～

了解更多关于京东小程序

《京东小程序平台，他来了》

欢迎关注凹凸实验室博客：aotu.io

或者关注凹凸实验室公众号（AOTULabs），不定时推送文章：

使用 Taro 快速开发京东小程序相关推荐

【如何开发小程序？】如何快速开发一个小程序
在过去,对于新手来说,如何开发一个小程序只需要半个月到一个月的时间来制作一个简单的小程序.在中间,您需要了解小程序代码的逻辑语言.您需要查看微信官方平台开发文档中的大量示例和示例.那么现在如何开发 ...
uni-app快速开发微信小程序、h5、和app
过年在家无聊,尝试使用uni-app开发微信小程序,发现这个框架的跨端功能非常强大,几乎能直接从vue移植过来下面是项目架构图应用截图技术栈: 后端 node +mysql 抓取各大视频网站的数 ...
Taro3.x 快速开发微信小程序以及 minidebug 小程序调试工具使用
前言最近公司准备开发一款扫码开票类型的微信小程序,时间紧,任务急.第一反应就是打开小程序开放平台查看开发文档,哦豁,官方的组件也太少了吧,难道要自己手写吗 ? 经过多方调研,了解目前市面上比较流行的 ...
python如何开发小软件-Python程序员，如何快速开发一个小程序
要点: 小程序是前后端分离的. 前端使用的是微信自定义的一套规范wxml+wxss+json+js,本质还是html+css+js. 后台可以选用任何你熟悉的语言:Java,Python,PHP,Ru ...
AAuto 快速开发win32小程序
AAuto编程语言 AAuto是专用于桌面软件快速开发的新一代混合型编程语言 - 具有动态语言轻便.灵活.快速开发的特性,而且又可以同时支持静态类型开发,象静态语言那样使用.AAuto可以直接支持原 ...
Taro+vue3开发微信小程序容易遇到的小问题
最近在和团队做一个微信小程序的应用,我也是第一次接触用vue开发小程序,不可避免的遇到了很多问题,我对遇到的问题进行一些汇总,如果大家有遇到类似的问题,希望可以帮助到大家. 1.微信小程序的头部导航栏 ...
Python+wxWidgets快速开发桌面小程序
转载:http://www.blogjava.net/calvin/archive/2005/11/18/20403.html 充分体验到知识循环再用的好处,原本对Python.wxWidgets没有 ...
快速开发微信小程序之一
一.背景记得11.12年的时候大家一窝蜂的开始做客户端Android.IOS开发,我是直14年才开始做Andoird开发,干了两年多,然后18年左右微信小程序火了,我也做了两个小程序,一个是将原有牛 ...
快速开发微信小程序之二-微信支付
一.背景在面试程序员的时候,有两项经历会带来比较大的加分,第一你是否做过支付金融相关的业务,第二你是否写过底层框架中间件代码,今天我们聊一下微信支付是如何对接的. 二.相关概念 1.微信商户平台要 ...

最新文章

热门文章