评论

首测微信小商店开放组件

首测微信小店组件版,技术尝鲜,及问题反馈。

目前微信小店开放组件已经申请成功,且第一时间去体验了一把。

想介入 微信小店开放组件的开发者可以点击下方链接提交申请

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,不得不说这文档有点坑

附上插件的信息链接

https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wx34345ae5855f892d&token=1836153220&lang=zh_CN

此时已经可以在小程序内使用插件了 去尝试一下

先在后台提交上架商品拿到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`,
      });
最后一次编辑于  2020-10-30  
点赞 9
收藏
评论

21 个评论

  • 社恐的王同学
    社恐的王同学
    2020-10-27

    终于死循环在组件小商店的问题官方修复了

    2020-10-27
    赞同 1
    回复 8
    • 韦不吕
      韦不吕
      2020-10-30
      这个适用于‘商品详情页’的那个home标。这样修改以后,点该图标不返回商店首页,而是返回小程序的自定义页面。这行为更古怪了。如使用plugin-private://wx34345ae5855f892d/pages/home/home进入商店首页,只能呆在商店里,无法返回小程序。
      2020-10-30
      回复
    • 韦不吕
      韦不吕
      2020-10-30
      另外,您这个截图原链接可以贴一下吗?谢谢。
      2020-10-30
      回复
    • 社恐的王同学
      社恐的王同学
      2020-11-02回复韦不吕
      这个图内测群里的负责人发的,我在文档上也么有看到
      2020-11-02
      回复
    • 社恐的王同学
      社恐的王同学
      2020-11-02回复韦不吕
      如使用plugin-private://wx34345ae5855f892d/pages/home/home进入商店首页   点击物理返回按钮可以返回,或者全屏左滑,没有返回按钮,因为被小商店的logo占位了,看官方后续优化吧
      2020-11-02
      1
      回复
    • 韦不吕
      韦不吕
      2020-11-02回复社恐的王同学
      在商店首页的左上角上的小程序图标,点击没有用,应该把这个用起来。
      2020-11-02
      回复
    查看更多(3)
  • 我笑了
    我笑了
    2020-10-17

    大哥你好,跳转全部订单提示“初始化参数错误,tabid只能是all/pendingPay/pendingRecevied/afterSale”

    这个问题解决了吗?

    大哥你好,这个问题解决了吗?

    2020-10-17
    赞同 2
    回复 1
    • 社恐的王同学
      社恐的王同学
      2020-10-23
      默认传all就行,不要传空,我上边提到了,官方文档漏掉了all这一项
      2020-10-23
      1
      回复
  • 心中年华
    心中年华
    2020-10-10

    登录上来 手动点个赞。。没有商品列表组件有点坑

    2020-10-10
    赞同 2
    回复
  • 朋
    2020-12-02

    商品数据要从哪里获取?

    2020-12-02
    赞同 1
    回复 2
  • 2020-11-03

    不想说了,完全没法用,怎么取全部商品,怎么检索商品,这什么破组件根本不能用,单独开的那种小商店也是,你官方让我发优惠券嘛,文档上店让我提交用户openid又没告诉我怎么获取用户信息,他妈的这微信是不是病得不轻

    2020-11-03
    赞同 1
    回复 2
    • 社恐的王同学
      社恐的王同学
      2020-11-04
      这个小商店的文档真的是不想吐槽了
      2020-11-04
      1
      回复
    • Keithy
      Keithy
      2020-11-23
      BUG真多,我在主页也整理了一些BUG的汇总
      2020-11-23
      1
      回复
  • 快乐的牛仔
    快乐的牛仔
    发表于移动端
    2020-09-17
    很好
    2020-09-17
    赞同 1
    回复
  • 不停
    不停
    2023-04-02

    请问在 uniapp中如何设置首页路径?

    const miniShopPlugin = requirePlugin('mini-shop-plugin');
    miniShopPlugin.initHomePath('/pages/home/index');
    

    也就是上面的这个内容,如何在uniapp中设置?

    2023-04-02
    赞同
    回复 1
    • 社恐的王同学
      社恐的王同学
      2023-04-13
      2023-04-13
      回复
  • 长安
    长安
    2022-11-24

    楼主我添加了这个插件以后,他的这个位置不太对 这个怎么调整呢 ,标题这个位置

    2022-11-24
    赞同
    回复
  • 寒山问
    寒山问
    2022-07-07

    这个按钮也可以自定义配置吗?

    2022-07-07
    赞同
    回复
  • Nahida
    Nahida
    2021-04-02
    const miniShopPlugin = requirePlugin('mini-shop-plugin');
    miniShopPlugin.initHomePath('/pages/home/index');
    



     has not init plugin


    会报这个错误

    2021-04-02
    赞同
    回复 1
    • 社恐的王同学
      社恐的王同学
      2021-04-06
      你的插件没有在json文件里声明吧,或者后台是否已经申请开通??
      2021-04-06
      回复

正在加载...

登录 后发表内容