weapp-plugin-demo
有赞微商城所有小程序插件的演示demo
如何在本地预览demo
- 在根目录下运行
npm install
npm run dev- 打开
微信开发者工具，'本地小程序项目 - 添加项目'，把dist目录添加进去就可以预览示例demo了。
目前已经上线的小程序插件：
- 有赞微商城商品卡片插件：https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxbcdf0f04295ab25e&token=1138285996&lang=zh_CN
- 有赞微商城拼团插件：https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx7264e79652f66bc9&token=1846183980&lang=zh_CN
- 有赞微商城核心交易插件：https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxef2db03c377b0016&token=1803181793&lang=zh_CN
- 有赞微商城购物车插件：https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx10ed5d6fd4792bfe&token=765725808&lang=zh_CN
如何在分包里使用插件
因为插件会占用主包的体积，所以建议将插件放在分包里。不过在分包里使用插件时有以下限制：
- 仅能在这个分包内使用该插件；
- 同一个插件不能被多个分包同时引用；
- 目前，还不能从分包外的页面直接跳入分包内的插件页面，需要先跳入分包内的非插件页面、再跳入同一分包内的插件页面。
我们的示例代码里将四个插件放在了三个分包内：商品插件+拼团插件、购物车插件和核心交易插件。
{
"subPackages": [
{
"root": "packages/trade",
"name": "核心交易",
"pages": [
"index",
"zan-account/index",
"coupon/index"
],
"plugins": {
"yzTradePlugin": {
"version": "0.7.0",
"provider": "wxef2db03c377b0016"
}
}
},
{
"root": "packages/cart",
"name": "购物车",
"pages": [
"cart/index"
],
"plugins": {
"yzCartPlugin": {
"version": "1.0.0",
"provider": "wx10ed5d6fd4792bfe"
}
}
},
{
"root": "packages/goods",
"name": "商品",
"pages": [
"addcart/index",
"goods/big/index",
"groupon/big/index",
"seckill/big/index",
"limitdiscount/big/index"
],
"plugins": {
"yzGrouponPlugin": {
"version": "0.4.5",
"provider": "wx7264e79652f66bc9"
},
"yzGoodsPlugin": {
"version": "0.6.5",
"provider": "wxbcdf0f04295ab25e"
}
}
}
]
}上面这种情况，因为插件的限制，如果我们想从商品跳转到商品详情时，就必须先跳转到packages/trade/index这个中转页面，中转页面再跳转到核心交易插件的商品详情页。
Page({
onLoad(options) {
wx.redirectTo({
url: `plugin://yzTradePlugin/goods-detail?goodsId=${options.alias}&openId=oDpvq0N1rr0NjE9FmeFXFDWEH9zs&shopId=45694034&appId=wxf11c5910cb729a82`
});
}
});如果你的小程序有流量，希望变现但又不想自己开店
看这里：https://bbs.youzan.com/thread-671720-1-1.html
推荐
开发小程序推荐使用有赞前端团队出品的业内star最多的小程序组件库： https://github.com/youzan/zanui-weapp
