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

403 阅读1分钟

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				

4.页面完成 在这里插入图片描述