实现管理端装修页面后,扫码预览功能,小程序扫码预览功能

实现店铺装修 并扫码预览小程序界面

实现扫码预览的功能大概需要以下几个步骤,需要前后端配合开发。

1、首先你的商城功能要有已经做好的装修,以及已经适配好的小程序端
在这里插入图片描述
在这里插入图片描述

2、在管理端页面右上角添加一个预览按钮
3、点击预览的时候调用一个后端接口将现在装修好的数据存入数据库中,后端返回你一个装修页面的id号
4、然后后端还需要出一个接口,是带参小程序码的生成
这是我们后端出的接口
在这里插入图片描述

5、前端接着第三步,你拿到装修Id号后调用第四步的接口,以上面接口为例,scence就是你要传递的参数也就是你刚刚点预览后返回给你的店铺装修Id号,page入参就是你要跳转的小程序路径,紧接着调用这个接口后,接口会返回给你一个图片,你展示在界面就好,让用户扫描小程序码跳转到小程序中。
效果如下图:
在这里插入图片描述

以上是管理端的操作 小程序码生成后在小程序当中
在这里插入图片描述
代码如下

onLoad(options) {
//扫码预览
	if(uni.getLaunchOptionsSync().scene == 1047){
		this.previewFlag = true
		this.linkId=options.scene
		return
	}
	this.linkId=options.linkId
},
onShow() {
	//这是拿到Id后去获取装修的具体参数了
	this.getCouponList()
},

6、紧接着就是小程序的调试了
如果小程序还没有上线的话他是跳转不过去的,因为他默认跳转的是已经发布了的正式版的小程序,所以你要进行调试,可以通过微信开发者工具中的快速二维码编译来调试,选择你已经生成的小程序码
在这里插入图片描述
以上就是扫码预览的全功能了

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值