使用 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 社区进行反馈,或联系 taro@jd.com,我们会尽快给予答复与支持。

示例项目转换效果图

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

微信小程序端
京东小程序端

未来规划

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

(0)

相关推荐

  • 618的“存量博弈”

    每天早 07 : 45 按时送达 随着互联网电商的发展,电商平台的商家无奈要与各大平台进行存量博弈,越来越多的商家转向获取私域流量.在618背景下,商家是如何进行存量博弈的,我们一起来看一下吧. 题图 ...

  • 跨端开发框架深度横评

    序言:如下文章为2019年4月发布,2020年的测评版本也已出炉,最新评测点击:跨端开发框架深度横评之2020版 上周,Taro 团队发布了一篇<小程序多端框架全面测评>,让开发者对业界主 ...

  • 917已至,腾讯“门户开放”

    今天是9月17日,工信部要求各大互联网公司解除"屏蔽网址链接"的期限已至.腾讯迈出了一大步:用户升级最新版本微信后,可以在一对一聊天场景中访问外部链接,群聊尚不支持.微信在声明中提 ...

  • 京东小程序平台,他来了

    京东服务覆盖 10 亿多用户和超过 27 万第三方商家.如何连接京东和商家生态体系,给 C 端消费者提供全链路一站式的优质服务体验,是京东高度关注的问题. 因此京东小程序开放平台作为京东战略项目应运而 ...

  • 非专业人员怎么快速开发一个小应用?

    作为一个非专业的开发者,如果能像拼积木一样快速搭建一个应用,应用开发就能大大简化.提速,普通人就可以开发出自己需要的应用.当前低代码已经让这种设想成为现实,快速开发一个小应用不是问题. 由于学习需要开 ...

  • 如何快速的打开小程序的开发文档

    一滴水2777次浏览2018.08.13 小程序退出后,我们经常要看小程序的文档来配合学习开发,但是每次发现小程序的开发文档入口很深,这里有一个快速进去小程序文档的方法. 开启分步阅读模式 工具材料: ...

  • 开发微信小程序怎么配置域名?

    这位知乎朋友可能是想问,牵涉到后端服务的域名应该怎么处理. 小程序对域名无要求,只对 SSL 证书有要求,因为非实时通讯协议要求是 HTTPS,而非 HTTP.域名可以随便注册一个便宜的,如果在国内上 ...

  • 哪里可以找人开发微信小程序?

    对于个人和小微企业来讲,有三种方式,我认为是比较好的途径. (一)找相关的最有经验的开发人员.怎么找呢?可以到京东.当当上直接搜索小程序这方面的图书,找图书的作者.一般作者都会在书上面留下沟通方式,要 ...

  • 开发租房小程序项目的优势和作用

    开发租房小程序项目的优势和作用

  • 开发微信小程序?这些功课得做足!

    随着移动智能设备的普及,手机用户与日俱增.在流量为王的互联网时代,商户们都清楚用户即客户的道理.正因如此,商家们各显身手,以各种各样的手段来推广自己的产品.手机app开发,入驻各大电商平台,入驻各种媒 ...

  • 开发商城小程序有什么优势?

    商城小程序是基数最大的微信小程序,受到很多企业商家的青睐,在很多行业小程序中脱颖而出,为什么商城小程序这么受欢迎?企业开发商城小程序有什么优势? 1.微信有大量用户 据目前官方统计,微信每月有10亿活 ...

  • 二手车行业适合开发微信小程序吗?

    近年来,随着社会经济的发展,人们生活水平的提高,买私家车的人也越来越多,随之也扩大了二手车市场,而为了整合线下二手车市场,开发一款相应的二手车小程序,人们购买二手车也能得到进一步的保障. 二手车小程序 ...

  • 开发分销小程序为什么要找外包公司?

    随着小程序的发展和在各个行业的应用,越来越多的商家开始定制自己的分销小程序.从微信小程序到百度小程序,互联网巨头平台都支持企业定制部署小程序,市面上也有很多分销小程序模板.那么开发微信分销小程序为什么 ...