【复制攻城狮日志】借助太郎暴力改造Nideshop,实现电商支付宝小程序雏形擅长的叫码神,一般的叫码农,有点差的叫代码动物,像我这样特别差的叫代码渣。去年,2018年底,12月份,运营老大提出了打造电商支付宝小程序的想法。需求很简单:建立自己的商城,投放到支付宝小程序应用市场。一句话,简单明了,需求很明确,但对我来说,实现这句话的难度,比李白上蜀道还难,比上青天还难。仔细想想,做一个商城,一定要有后台管理系统吧?一定有支付系统吧?一定有订单管理等一系列业务支撑后台吧?我是一个小前端,业务基础差。我每天上班8小时,划船10小时。被要求自己完成一个电商支付宝小程序,哈哈哈哈。但是,我没有做任何实质性的项目,我怎么会害怕,我怎么会退缩,我看淡了生死,不接受我就去做!谁给了我信心?开源社区!作为一个“资深”的抄代码渣男,接到任务就开始在github上寻找符合自己需求的demo。天不遂人愿,搜了一下github,搜到的很少。大家有开源的支付宝小程序吗?请向我推荐该项目。如果无法选中复制,则无法愉快地进行粘贴。为了快速发货,我比较后选择了@tumobi的Nideshop“全家桶”,于是就有了借助Taro的taroconvert将微信小程序转为支付宝小程序的体验。在我看来,我是写不出这么优秀的开源项目的。如果我能利用这些项目快速完成自己的工作,享受开源带来的乐趣,对现阶段的我来说已经足够了!(不敢相信,工作多年的程序员还这么low!)(图片来源于网络)环境准备工欲做好本职工作,必先利其器。都9102年了,还有谁在用记事本写代码?当然,对于我们前端来说,谁的电脑上没有装过nodegitvscode这样的软件呢?如果你还没有安装,赶快安装吧,安装完你就开心了。对我来说,没有ndoe就无法工作,没有前端开发环境就不快乐。(图片来自网络)在您的平台上下载Node.js源码或预编译安装包,然后立即开始开发。去下载git--distributed-is-the-new-centralized。下载小程序开发工具定位为“一站式小程序开发工具”,专为小程序开发而设计,提供项目管理、编码、调试、真机测试等功能。下载其他的好像也没什么。我的好像也安装了Python|jJava|Android等环境。那是2016年的事情了,回想起来,现在看来很傻很天真,其实大可不必。Copy时,Taro可以将你的原生微信小程序应用转为Taro代码,然后你可以使用tarobuild命令将Taro代码转为对应平台的代码,或者使用React对转换后的Taro进行二次转换代码。二次开发。之前一直很期待芋头的这个功能。虽然我不会React,但我还是要尝试一下。也希望能通过这些实践更多地了解React,努力学习。从我接触过的内容来看,React是前端开发必不可少的技术栈。Taroinstall/**使用NPM或Yarn快速入门**/$npminstall-g@tarojs/cli$yarnglobaladd@tarojs/clinideshop-mini-programdownloadgitclonehttps://github.com/tumobi/nideshop-mini-program.gitcdnideshop-mini-programintotarotaroconvert通过以上步骤,可以得到一个taroConvert文件夹,就算暂时成功了。安装依赖cdtaroConvertnpmi对于大多数前端项目来说,现阶段无法回避的问题是,一个不太复杂的项目可能会依赖上百个npm包。正是因为有了这些包,生产力得到了极大的解放。在一定程度上提高开发效率。当然,就像硬币有两个面一样,在方便高效的同时,也带来了一定的安全隐患。可能大厂自己造轮子吧!打包成支付宝小程序npmrunbuild:支付宝在理想状态下可以直接打包成dist,但是...接下来我们看看存在的问题。为什么有些问题需要手动修改?为什么要暴力修改?首先回到taro官方文档看看taroconvert会遇到哪些坑。小程序IDE中显示_createData错误?我了解我们暂时好像没有遇到过这个问题,也不知道哪个小程序IDE会有。这样的问题暂时忽略。转换wxParse报错文件不存在?了解这个问题需要及时更正。在执行taroconvert之前,首先将wxParse1从第46行更改为wxParse.c中的第128行。组件,暂时忽略wepy文件转换不成功。要知道这个问题是不存在的,因为这个项目没有使用wepy,继续无视。现在看来上面的问题好像都不存在了,那我们再回到这个报错。根据我多年的复制经验,肯定是文件不存在或者文件引用路径有问题。别着急,对比原文件taro转换后taroConvert目录下的wxParse,发现一个小问题:wxParse目录下的文件不见了,除了wxParse.js,其他的都没有转换。然后暴力回去,用我的Copy方法,手动转换,修改几个引用的相对路径,继续构建。接下来,输入支付宝小程序开发者工具,不出意外就可以运行一个电商支付宝小程序的原型了。github地址??nideshop-alipaybytaroconvert以上是我抄袭攻城狮使用taroconvert将原生微信小程序转为支付宝小程序的一次简单实践。
