微信小店开放组件申请成功后,开发者如何接入?

2024-10-16
来源:网络整理

目前微信商店开放组件已经申请成功,我已经第一次尝试了。

想要参与微信商店开放组件的开发者可以点击下面的链接提交申请

审核完成后,官方会推送申请成功的模板消息,并拉入官方组件问题反馈群。

你的微信小程序后台也会添加一个小开店组件

点击管理,会打开小程序对应的小店后台。这个后台就是你的小程序应用对应的小店后台的插件版本。它不能与单独应用的商店后端互操作。您需要单独提交资格审查和合同。

官方提供了几个组件。开发者可以通过路由跳转到相应的组件页面。

例如下面的产品详细信息

const productId = [商品id] // 填写具体的商品Id ​wx.navigateTo({ ​ url: plugin-private://wx34345ae5855f892d/pages/productDetail/productDetail?productId=${productId}, });

我不会详细介绍如何访问该文档。你可以自己阅读文档。这里没有必要谈论文档。

我正在使用uni-app框架开发小程序,所以我说一下干预方法。

找到.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。我不得不说这份文件有点令人困惑。

附件是插件的信息链接

此时您就可以在小程序中使用该插件了。去尝试一下吧。

先在后台提交待售产品并获取

/** * 商品详情 * @Author: wkiwi * @function: productDetail */ productDetail(productId){ uni.navigateTo({ url:`plugin-private://wx34345ae5855f892d/pages/productDetail/productDetail?productId=${productId}` }) },

调用方法输入产品详细信息

微信小商店_商店微信小程序怎么用_商店微信小程序怎么做

体验非常完美,可以说短短几分钟就集成了一个官方商城。

但别高兴得太早。我们总结了这次干预的问题。

1.文档问题,内测阶段可能还不完善。

存在版本问题和跳转描述问题

下面官方说如果默认不上传,就会进入所有类别。

但事实并非如此,它会提示必须是all之一///

2、产品层面问题

当小商店涉及到小程序时,大部分应该作为官方商城,但没有提供商品列表组件。这是要求开发者徒手创建另一个产品列表主页吗? ? ? ?

目前用户想要进入商品列表必须使用商品详情左下角的商店按钮才能进入商品列表,导致入口较深,体验较差。

这时候点击商店按钮又会引发另一个问题。跳转到商品列表,也就是微信小店的首页。此时,标题中没有返回按钮。点击手机返回键将直接退出小程序。

猜测该商店的首页是一个小商店的标签页,导致无法返回。

这个问题导致了小程序的退出率大幅上升。辛辛苦苦留住用户的用户怎么会这么轻易退出呢? ? ? ? ? ?

这时候如果你想浏览小程序本身的首页,就必须清除小程序后台,再次点击进入才能回到小程序层面。不然就只能跳迷你商店的插件版了! ! !

这次体验的总体感受是,微信小店提供了小程序快速与官方商城对接的解决方案,但产品还存在一些问题。在现阶段解决上述产品问题之前,我无法访问该产品。希望官方尽快改善上述问题。

----------------------------------接收更新-------------- ----------------------

解决详情页点击首页按钮无法返回小程序首页的问题

const miniShopPlugin = requirePlugin('mini-shop-plugin') miniShopPlugin.initHomePath('/pages/index/index') // /pages/index/index为自己小程序首页路径

分享