使用微信交易组件打造自己的小商城

说明

本项目采用Taro-React进行开发。UI参考来自老孙的店。

先上效果图

初始化小程序购物组件

app.config.ts

  plugins:{
    'mini-shop-plugin':{
      version:'latest',
      provider:'wx34345ae5855f892d'
    }
  },

app.tsx

const miniShopPlugin = Taro.requirePlugin('mini-shop-plugin');
//下面的代码在componentDidMount执行
//需要异步执行 否则拿不到小程序当前小程序实例
 setTimeout(()=>{
      miniShopPlugin.initApp(Taro.getApp(), Taro)
  },1)

至此已经初始化成功

到这里就可以自己开发啦

请参考文档 小程序商业化能力