目前微信小店开放组件已经申请成功,且第一时间去体验了一把。
想介入 微信小店开放组件的开发者可以点击下方链接提交申请
https://developers.weixin.qq.com/doc/ministore/minishopopencomponent/Introduction.html
官方在审核完成后会推送申请成功的模板消息,且拉入官方组件问题反馈群
你的微信小程序后台也会增加小商店店开放组件
点击去管理会打开对应小程序的小商店后台,此后台是对应你小程序申请的插件版小店后台 与 单独申请的小店后台不互通,需要单独提交资质审核签约
官方提供了几个组件开发者可通过路由跳转进入对应的组件页面
例如下方商品详情
const productId = [商品id] // 填写具体的商品Id
wx.navigateTo({
url: plugin-private://wx34345ae5855f892d/pages/productDetail/productDetail?productId=${productId},
});
文档的接入方式我不多赘述,可自行看文档,这里说一下文档没得
鄙人使用的是uni-app框架开发小程序所以说一下uniapp介入方式
找到manifest.json文件源码视图找到微信小程序配置
"mp-weixin": {
/* 小程序特有相关 */
"appid": "wx2afea6afe2d23263",
"setting": {
"urlCheck": false,
"es6": true,
"postcss": true,
"minified": true
},
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于定位您是否位于图书馆范围内"
}
},
"requiredBackgroundModes": [
"audio"
],
"usingComponents": true,
"plugins": {
"mini-shop-plugin": {
"version": "1.0.63", // 必须是小程序购物组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释)
"provider": "wx34345ae5855f892d" // 必须填小程序购物组件appid,不要修改(复制时请去掉注释)
}
}
},
官方文档里提到的组件版本是1.1.0,介入后控制台报错提示找不到1.1.0,最终找到小程序插件信息最新版本才更新到1.0.63,不得不说这文档有点坑
附上插件的信息链接
此时已经可以在小程序内使用插件了 去尝试一下
先在后台提交上架商品拿到SpuId
/**
* 商品详情
* @Author: wkiwi
* @function: productDetail
*/
productDetail(productId){
uni.navigateTo({
url:`plugin-private://wx34345ae5855f892d/pages/productDetail/productDetail?productId=${productId}`
})
},
调用方法进入商品详情
体验完美,可以说几分钟时间就集成了一个官方商城出来。
但是别高兴的太早,总结了本次介入的问题
1.文档问题,还在内测阶段可能不完善
存在版本问题 以及跳转说明问题
下方官方说默认不传tabId会进入全部分类
可是并不如此,会toast提示tabId必须为 all/pendingPay/pendingRecevied/afterSale 中的一项
2.产品层面问题
在小程序内介入小店,大多应该就是充当官方商城的吧,但是商品列表组件竟然未提供,这是让开发者徒手再撸一个商品列表首页吗????
目前用户想进入到商品列表必须通过商品详情左下方的店铺按钮才可以进入商品列表,造成入口较深,体验不佳
此时点击 店铺按钮 又造成另外一个问题,跳转进入商品列表也就是微信小商店的首页,此时头部没有返回按钮,点击手机的返回按钮会直接退出小程序
猜测 店铺首页为小商店的tab页面,导致无法返回
此问题导致小程序退出率大大增加,运营辛辛苦苦留存的用户这么轻而易举让用户退出了??????
此时小程序想浏览小程序本身的首页是必须通过清除小程序后台,重新点击进入才能回到小程序层级,否则你只能在插件版本的小商店内跳转!!!
本次体验整体感觉微信小商店 给小程序一个快速集成官方商城的一个解决方案,但是在产品上还有些问题,本阶段上述产品问题未解决我是不可能接入的,希望官方尽快完善上述问题
----------------------------------接更新----------------------------------
详情页点击首页按钮无法返回小程序首页解决方案
const miniShopPlugin = requirePlugin('mini-shop-plugin')
miniShopPlugin.initHomePath('/pages/index/index') // /pages/index/index为自己小程序首页路径
进入小商店组件首页路径
wx.navigateTo({
url: `plugin-private://wx34345ae5855f892d/pages/home/home`,
});
终于死循环在组件小商店的问题官方修复了
大哥你好,跳转全部订单提示“初始化参数错误,tabid只能是all/pendingPay/pendingRecevied/afterSale”
这个问题解决了吗?
大哥你好,这个问题解决了吗?
登录上来 手动点个赞。。没有商品列表组件有点坑
商品数据要从哪里获取?
不想说了,完全没法用,怎么取全部商品,怎么检索商品,这什么破组件根本不能用,单独开的那种小商店也是,你官方让我发优惠券嘛,文档上店让我提交用户openid又没告诉我怎么获取用户信息,他妈的这微信是不是病得不轻
请问在 uniapp中如何设置首页路径?
const miniShopPlugin = requirePlugin('mini-shop-plugin'); miniShopPlugin.initHomePath('/pages/home/index');
也就是上面的这个内容,如何在uniapp中设置?
// main.js里最顶部
//#ifdef MP-WEIXIN
const miniShopPlugin = requirePlugin('mini-shop-plugin')
miniShopPlugin.initHomePath('/pages/index/index')
//#endif
楼主我添加了这个插件以后,他的这个位置不太对 这个怎么调整呢 ,标题这个位置
这个按钮也可以自定义配置吗?
const miniShopPlugin = requirePlugin('mini-shop-plugin'); miniShopPlugin.initHomePath('/pages/home/index');
has not init plugin
会报这个错误