首测微信小商店开放组件 - WXOPEN Club

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

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

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}`
      })
    },

调用方法进入商品详情