taro原生微信小程序转支付宝小程序趟坑宝典

[复制链接]
查看: 2989|回复: 8
  • 萌哒
    2018-11-19 14:03
  • 发表于 2019-1-23 14:20:36 | 显示全部楼层 |阅读模式

    马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    京东出了特别牛逼的工具taro,号称可以开发一套程序然后转为市面上的多套小程序,比如支付宝小程序,百度小程序,微信小程序,只需要写一套代码,我看到这个的时候是特别兴奋的,因为公司的业务比较广,但是呢开发人员少,对于我们团队简直就是及时雨,于是我立马拿目前我们的原生微信小程序做转支付宝小程序的尝试。
    说明一下
    1、微信原生小程序,没有用第三方框架,感觉符合taro的要求
    2、要做的是将原生的微信小程序先转为taro的写法,然后在转为支付宝的 (taro是支持这么玩的)
    3、说明一下我是在mac上执行操作的所有过程
    首先将原生微信小程序转taro写法,执行命令:
    sudo taro convert
    这一步很顺利没啥问题很愉快的变会转换完成,转换完之后会在项目目录下多一个taroConvert文件夹,然后进入此文件夹 cd taroConvert后执行命令
    sudo npm install
    到这一步你会神奇的看到报一大堆 npm ERR!
    京东出了特别牛逼的工具taro,号称可以开发一套程序然后转为市面上的多套小程序,比如支付宝小程序,百度小程序,微信小程序,只需要写一套代码,我看到这个的时候是特别兴奋的,因为公司的业务比较广,但是呢开发人员少,对于我们团队简直就是及时雨,于是我立马拿目前我们的原生微信小程序做转支付宝小程序的尝试。
    说明一下
    1、微信原生小程序,没有用第三方框架,感觉符合taro的要求
    2、要做的是将原生的微信小程序先转为taro的写法,然后在转为支付宝的 (taro是支持这么玩的)
    3、说明一下我是在mac上执行操作的所有过程
    4、欢迎大家关注公众号:PHP学习网
    首先将原生微信小程序转taro写法,执行命令:
    sudo taro convert
    这一步很顺利没啥问题很愉快的变会转换完成,转换完之后会在项目目录下多一个taroConvert文件夹,然后进入此文件夹 cd taroConvert后执行命令
    sudo npm install
    到这一步你会神奇的看到报一大堆 npm ERR!
    104937ldk20z6h9dov3k7v.png
    有时还会缺少npm包@tarojsplugin-sass,可能还有别的反正就是少各种各样的包,而且我用了翻墙也没把所有的包下载全,不管错误啦继续往下走。
    执行命令: sudo npm run dev:alipay
    到这一步还是很顺利的,偶尔报个错误,基本都是写法问题处理处理还是能解决的
    104937ldk20z6h9dov3k7v.png
    最后顺利监听到了文件
    104937ldk20z6h9dov3k7v.png
    这会我还是比较高兴的,也许很快就能成功的转为支付宝的小程序啦还是比较激动的,于是按照官方说的打开支付宝的编辑器等待见证奇迹。
    于是我就看到了很申请的事情,项目跑不起来,开始报各种错误
    at _class.parseBlockOrModuleBlockBody (/Applications/小程序开发者工具.app/Contents/Resources/app/extensions/volans-ide-tiny-project.asar/node_modules/@babel/parser/lib/index.js:8073:23)pos: 1454,loc: { line: 27, column: 9 },code: 'BABEL_PARSE_ERROR' }
    104937ldk20z6h9dov3k7v.png
    想想也正常,肯定要报错的然后就各种查找,反正最后也没找到个所以然来,但是我不死心啊,我看到官网说他们用开源项目测试成功,于是我也拿他们说的开源项目进行了测试,效果依旧支付宝小程序编辑器中出现这个
    104937ldk20z6h9dov3k7v.png
    之后就这样了,这个开源项目在执行 sudo npm install的时候也是各种缺包,但是下载不下来,我不知道是不是因为这个地方有错误的原因,趟坑太多,也许是自己水平不行吧,反正我得先暂停暂停啦,之后在接着趟。
    还有一点taro刚出来没多久,别指望能百度出来什么解决办法,还是自己专心研究吧,就先写到这吧,同时欢迎大家关注我的公众号PHP学习网,大家一起学习。
    发表于 2019-1-24 13:18:31 | 显示全部楼层
    额,看不懂在说神马~@_@
    回复

    使用道具 举报

    发表于 2019-1-24 13:39:13 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复

    使用道具 举报

    发表于 2019-1-24 13:39:16 | 显示全部楼层
    确实是难得好帖啊,顶先
    回复

    使用道具 举报

    发表于 2019-1-25 09:54:20 | 显示全部楼层
    正需要,支持楼主大人了!
    回复

    使用道具 举报

    发表于 2019-1-29 03:15:28 | 显示全部楼层
    回的人少,我来小顶一下
    回复

    使用道具 举报

    发表于 2019-1-30 05:25:53 | 显示全部楼层
    这个帖一般般,还可以哦。
    回复

    使用道具 举报

    发表于 2019-1-30 19:27:51 | 显示全部楼层
    我只是路过打酱油的
    回复

    使用道具 举报

  • 开心
    2018-4-28 10:19
  • 发表于 2019-1-30 22:38:49 | 显示全部楼层
    提示: 作者被禁止或删除 内容自动屏蔽
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

     
     
    技术支持
    在线客服
    售后交流群瑞恩社区™售后</font><br><span>交流
    工作时间:
    8:00-18:00
    客服热线:
    15368564009
    微信扫一扫
    返回顶部 关注微信 下载APP 返回列表