uniapp微信小商店引用标准版交易组件

哆啦A梦爱吃鱼

已于 2022-11-21 09:44:00 修改

阅读量1.7k

点赞数 1

文章标签： uni-app 微信 javascript

于 2022-11-21 09:36:50 首次发布

本文链接：https://blog.csdn.net/shanshanbao/article/details/127957925

版权

uniapp微信小商店引用标准版交易组件

1.在微信公众平台开通交易组件
在这里插入图片描述

2.新建一个ui-app小程序

3.引入组件
pages.json

"plugins": {

		"mini-shop-plugin": {

			"version": "latest", // 默认拉最新版本插件, 不要修改（复制时请去掉注释）

			"provider": "wx34345ae5855f892d" // 必须填标准版交易组件appid，不要修改（复制时请去掉注释）

		}

	},

index.vue

//直接跳转到首页
	onLoad() {
			uni.reLaunch ({
				url:"plugin-private://wx34345ae5855f892d/pages/home/home"
			})
		},

//跳转到详情页 （页面可以不用写）
	<navigator url="plugin-private://wx34345ae5855f892d/pages/productDetail/productDetail?productId=productId">
			<button type="default">详情页</button>
	</navigator>
//记得更换 商品id